1. Documentation
  2. Working in the Classic Unbounce Builder
  3. Adding Social Media Icons to your Classic Builder Page

Adding ShareThis Buttons to Your Landing Page

Follow
Avatar
Leslee Teehankee
Last Updated

Adding ShareThis share buttons will give your visitors a number of customizable ways to spread the landing page love and is pretty easy to set up. To set this up, you will need first

  1. Creating your ShareThis buttons.
  2. Add the ShareThis Javascript to your Unbounce page, and
  3. Embed the custom HTML components for either share buttons or follow buttons on your page.

Creating your ShareThis buttons 

Follow the steps within ShareThis' documentation to create your custom buttons and how to install the buttons. If you have any questions about setting this up, or require more detailed steps and customization of your ShareThis buttons, do reach out to their support team!

Install the ShareThis Embed Code to Your Unbounce Page

  1. Copy the embed code/script provided by the ShareThis app.  
  2. Log in to your Unbounce account and locate the builder of the page you would like to add your ShareThis widget.
  3. Click the Javascripts javascripts_button.png button in the bottom left of the builder. A new dialog box will appear.  
  4. In the new Manage Scripts Dialog box, fill out the following information:
    1. In the Script Name field, type ShareThis Buttons”
    2. In the Placement drop-down menu, select Head.
    3. Paste the script from your ShareThis account into the blank field.
  5. Click the Save Code button at the bottom right-hand corner of the dialog box.sharethis_javascripts_code.png

 

Add the Share/Follow Buttons to Your Landing Page

ShareThis gives you a number of different styles of Share and Follow Buttons that you can add to your landing page.

  1. Follow the instructions on the ShareThis website to pick which social media platforms you’d like to add to your Share/Follow Buttons and arrange them in the order and alignment settings that you’d like.

    Note:

     If you’re using Follow Buttons, make sure that you fill out your account information in the ShareThis platform at the bottom of the Inline Follow Buttons page for any accounts that you’re adding to the widget.
  2. Copy the HTML code provided by the ShareThis page.sharethis_copy_code.png
  3. Navigate back to the Unbounce Builder.
  4. Drag and drop the Custom HTML custom_html_widget.png button from the left side of the editor to the place on your page where you would like to add the ShareThis Buttons. A new dialog box will appear.
  5. Paste in the ShareThis code to the Embed Custom HTML Code dialog box.
  6. Click the Save Code button at the bottom right-hand corner of the dialog box.
  7. Save and Publish/Republish your page.

You’re ready to take the social media world by storm! The Finished Product:

sharethis_finished_product.png 

Note:

If you’d like to include both the Share and Follow buttons as above, you’ll need to embed a separate Custom HTML component for each widget, though the javascript only needs to be included once.

Related articles