Using Twitter with InstantPro
Freeola Internet Get Dotted Domains Blog Guides Forums
Using Twitter with InstantPro
Menu
20% off all domain name registrations - Don't miss out, the Big Christmas Domain Knockout Sale ends December 31st!

Freeola Guides


Using Twitter with InstantPro

By Freeola Support on 3rd May, 2017 | 0 Comment(s)

 If you have your own Twitter profile, or even an account for your business/organisation, you can integrate this with your site. It’s a great way to bring more people to your site, and to attract more followers.

 

This is done by using a Twitter widget. You can easily add the widgets by using some simple code.

 

In this tutorial we will go through how to add a Twitter Timeline to a skyscraper. Skyscrapers display on the sides of your site – and they are the best place to add your Twitter widgets.

 

Although we’re adding the Timeline, adding the other options (such as twitter buttons) is much the same – it will just involves selecting the required widget and following the instructions laid out in this tutorial regarding the code.

 

Step 1: From the Main Menu select Custom Code & Snippets from under the Website Tools heading.

 

Main Menu

 

Step 2: Click the Add New Snippet button. Choose a name for your snippet and enter it into the Snippet Name field.

 

Snippet

 

Step 3: Visit the Twitter Widgets page (you’ll have to login or be logged into your Twitter account to do this).

 

Widget

 

Click the Create New button and select Profile, as shown in the image below.

 

Add Widget

 

Step 4: You’ll now have a few options to choose from, as mentioned for the purpose of this tutorial we’ll select Embedded Timeline.

 

Embedded Timeline

 

You’ll then be prompted to Paste a URL, enter the URL of your Twitter page (you can find this by going to your Twitter page and copying the URL from the browser bar). In the example below, we’ve used the InstantPro Tutorials page. Then press Preview.

 

URL

 

Step 5: To customise your settings, press the set customization options link. So that the Timeline fits nicely in a skyscraper, it’s a good idea to specify the width – 220px is the smallest width available. We’ve decided to keep the theme Light and the Default link colour (but you can change them to suit your site).

 

Customise

 

Once you are happy with your selection press Update.

 

Step 6: This will now generate some code. Press the Copy Code button

 

Code

 

Return to InstantPro and paste the code into the Snippet Content Field, then press Save & Finish.

Paste Code

 

Step 7: Now we’ll cover how to add your widget to a skyscraper. From the Main Menu select Skyscraper Manager from under the Pages & Content heading.

 

Main Menu

 

Step 8: If it’s your first time creating a Skyscraper, press the click here to create one link. Alternatively if you have already created Skyscrapers in the past, press the Add a New Skyscraper button.

 

Pick a name for your skyscraper & enter it in the name field. You’ll also want to change the width to match the width of your Timeline.

 

Skyscraper

 

Step 9: Now in the skyscraper, press Insert and select Snippet.

 

Insert Snippet

 

From the dropdown list, select your Twitter Widget and press Insert. Then press Save and Finish.

 

Step 10: You will need to assign the skyscraper to the pages that you would like to display your Twitter Timeline on. To do this press the Assign Skyscrapers to Pages button, then follow the prompts to either apply to all pages or on a page by page basis. For further instruction, please refer to the Skyscrapers Tutorial.

 

Apply Skyscraper

 

Once you are happy with your selection, click Apply Changes then Finish.

 

If you would like to check that the Timeline is displaying correctly on your site, click the Preview Website button in the InstantPro header.

 

Preview

 

Standard Pages

 

You can add your Twitter Widget to a standard page, in much the same way, by selecting the page you want it to appear on and adding a snippet (from the Page Elements on the left hand side of the page).

 

Adding to a Normal Page

 

All snippets that you create and save will be stored into your Snippet repository. So that when you choose add a snippet to your page, it is simply a case of selecting it from the drop down list.

 

Although you can add your Twitter widgets to standard pages, it should be done with caution. The widgets are “dynamic” meaning that they are always pulling data from Twitter – this can cause the page to load very slowly and/or interfere with any other code that you may be using on the site. This is why we suggest that you use them with a Skyscraper.

 


Did you find this article helpful?

Yes | No


Article Comments (0)
There are currently no comments on this article.
Add your comment:

Comments are limited to 750 characters, you have 750 remaining.

Freeola is a UK internet service provider offering the best value and extensive free services. Please compare our domain name registration prices or check out our UK high speed internet access. If you are in business please see examples of our free hosting at Freeola.com/customer-sites.

Safe and Secure Payment

Tell us what you think!

Live Chat is offline

Live Chat is available:
9am to 6:30pm Monday to Friday (excluding bank holidays).

01376 55 60 60

Send us a ticket.