Help Centre

Support > Promoting Your Website > Social Media

How to use the Twitter 'Tweet Button' Widget

The Tweet Button will create a default message for your visitor to Tweet which will include your Title Tag for the page it is being displayed on and the usernames and hashtag you have specified in the setup of the widget.

In this guide we will look at the following:
Tweet button

How to create the Tweet Button
How to display the Tweet Button in a "Side Column Item"
How to display the Tweet Button on your "Site Footer"
How to display the Tweet Button on a page of your website
How to publish the changes to your live website

How to create the Tweet Button

To create the Tweet Button please follow the instructions below:

  1. Log in to your Create account
  2. Click on "Content" on the top menu.
  3. Click on "Widgets" on the left hand menu.
  4. Click on "Add New Widget".
  5. Scroll down to the "Tweet Button" widget and click "Add Widget".
  6. Set up the "Tweet Button" by giving the widget a name for your reference
  7. Enter the Twitter username you want to be included as default in the Tweet created by the button. This would usually be your Twitter username. If this is included the Tweet will tag you and appear in your Twitter mentions when you look on the Twitter platform. Add an additional Twitter username if you want to and a hashtag if you use one. These options are at your discretion if you need them and are not required for setup.
  8. Click "Save Changes". 

Tweet screen
Once you have created the Widget you can follow the instructions below to insert it into the area of your website where you want it to appear.

Please note that when a tweet is generated by clicking the 'Tweet' button, the page description that appears comes from that page's 'Title Tag'. You may want to consider shortening the Title Tag to ensure that the generated tweet isn't too long.

How to display the Tweet Button in a "Side Column Item"

To display the Tweet Button in a "Side Column Item" please follow the steps below:

  1. Click on "Design" on the Top Menu.
  2. Highlight "Side Columns" on the Design Studio Menu and choose the existing side column you want to edit or click "New Side Column Item" to make a new one.
  3. If you are making a new "Side Column Item" select "Standard Content Box" as the type and click "Continue".
  4. When the content editor appears, place your cursor where you would like the Tweet Button to appear and click the "Insert Widget" icon on the Editor Toolbar (this icon looks like a lightning bolt).
  5. Select the Widget from the drop-down list and click "Insert Button". A grey holding box will then appear as shown in the screenshot below.
  6. Click the "Add Side Column" or "Save Changes" button.

How to display the Tweet Button on your "Site Footer"

 To display the Tweet Button on your "Site Footer" please follow these steps:

  1. Click on "Content" on the Top Menu.
  2. Click on "Edit Site Footer" on the left hand menu.
  3. When the content editor appears, place your cursor where you would like the Tweet Button to appear and click the "Insert Widget" icon on the Editor Toolbar (this icon looks like a lightning bolt).
  4. Select the Widget from the drop-down list and click the "Insert Button". A grey holding box will then appear as shown in the screenshot below.
  5. Click the "Save Changes" button.

How to display the Tweet Button on a page of your website

 To display the Tweet Button on a page of your website please take a look at the instructions below:

  1. Click on "Content" on the Top Menu.
  2. Click "Edit" (the pencil icon) for the page you would like to display the Tweet button on.
  3. When the content editor appears, place your cursor where you would like the Tweet Button to appear and click the "Insert Widget" icon on the Editor Toolbar (this icon looks like a lightning bolt).
  4. Select the Widget from the drop-down list and click the "Insert Button".
  5. Click the "Save Changes" button.

Your Tweet Button will then appear as below:

Button

Once you have added the Tweet Button to the places you want it to display on your website you will need to publish the changes to your live website.

How to publish the changes to your live website

 To publish the changes to your live website please do the following:

  1. Click on "Publish" on the Top Menu.
  2. Click on "Publish to Web".
  3. Click on the "Yes, Publish!" button
  4. Your changes will now appear live.

If you have any questions please email your Customer Account Manager and we will be more than happy to help! And don't forget to check out Create on Twitter too.