Adding a Twitter Share Button - XSitePro Website Design

Home Previous  Next


Brought to you by XSitePro Website Design Software

professional website design made easy      




Tap into the power of social media by inserting a 'Share' button that other Twitter users can click to promote your content among their Twitter followers. Simply adjust the settings below and click the 'Insert' button to add the feature to your webpage.


The social bookmarking tool is accessed from the right-click menu in the designer window:


1. In the page designer window, right click where you want the Twitter Share Button to be added.



Social Media - Twitter Menu


2. From the right-click menu that appears select the menu option 'Social Media'. You then have a choice of three further options. Selecting 'Insert Twitter Share...' will load the following screen:



Social Media - Twitter Window



Customize your Twitter Share Button


A range of settings are available here, and are described below:


Layout - Select a layout style from one of the three displayed. The following layout styles are available:


Large Tweet Counter with Button

Small Tweet Counter with Button

Small Tweet Button (no counter)


Tweet Text - Enter the tweet text you would like to use in the text box here. This text will automatically be used as a status update when Twitter followers use your Twitter Share Button.


URL to "tweet" - Leave this text box blank if you would like the current page to be related to your Twitter Share Button. If you would like the button to relate to an alternative URL, please enter it in the text box provided.


Language - Select the language to be associated with your Twitter Share Button from the following options:








When you have finished entering the preferred settings for these items, above, simply click the 'Insert' button at the bottom of the window to finalize your preferences and insert your Twitter Share Button at the cursor point in the designer window.



Editing Twitter Share Button Properties


When a Twitter Share Button is added to your page content a placeholder frame is inserted, denoting the positioning (and size) of the button.


To edit any of the settings relating to this box, simply right-click on the placeholder frame and, from the menu that appears, select 'Twitter Share Properties...'


This will load the settings for the Twitter Share Button in question.

Home  Previous  Next