All Collections
How-To's
Creating Social Buttons
Creating Social Buttons

Adding buttons to your site that link to Facebook, Twitter, Instagram, and other social media platforms.

Alex Piepenbrink avatar
Written by Alex Piepenbrink
Updated over a week ago

There's no specific tool in TIME Sites for adding social links to your site, but there are a few ways you can create and add buttons for Twitter, Facebook, and other social media platforms:

  • Upload an icon to your Media Library, add it to your page, and link it to the desired social media page.

  • Create a button from scratch using the TIME Sites design studio, and link it to the desired social media page.

  • Add an embed element to your page, and paste the iFrame code for the button into the embed. (iFramed buttons are only available for some social networks.)

These will just be links to the social media page, they are NOT social share links.

Create a Social Link from an Uploaded Image

A simple way to create buttons for social links is to upload an icon for each button. Most social networks provide icons for you to use:

Upload the image(s) to your Media Library. Then add a new image element to the page, and drop the icon into the image element. If you have multiple social images you want to place next to each other, the most efficient method is to use a grid element, place an image element in each column, and then resize the grid so that's it's narrow enough for the images to be next to each other.

Select the image you want to link, click on the green gear icon that appears, and then select "Add Link" or press Command or Control K to open the linking panel.

In the linking panel, choose "External Link" and then add in the URL for the social page you'd like to link to. You can also choose whether or not the link opens up in a new page.

Create a Social Link with a Button

Instead of uploading an image, you can create a button entirely within the design studio. There are a few methods for creating buttons documented here.

For example, you could make a simple button by adding a new text element to the page, rounding the corners, and giving it a solid background color:

To link the button, follow the same steps as above.

Add a Button via an Embed Element

The embed element will let you add iframes to your page. If you want a social button that has embedded functionality -- for example, a button that allows users to follow you on Twitter, or "likes" the page on Facebook -- this is the method you will need to use.

The embed element is limited to paid editions of TIME Sites.

Once you've added an embed element to your page, paste the iFrame code for the button you want to use into the embed:

If the contents of the embed should go beyond the edges of the embed and interact with the page (like it creates a popup or it stays in the same position on the side of the screen), make sure to uncheck iframe in the embed dialog box.

Did this answer your question?