Installing Shareaholic on Bigcommerce

Follow

The following tutorial will help you install Shareaholic on your BigCommerce hosted store:

If you have not already signed up for Shareaholic, check out the Getting Started with Shareaholic Guide before following the instructions below.

  1. Log into your BigCommerce dashboard.

  2. Click Settings located in the left hand menu, then select Design under Store Setup:



  3. Click Edit HTML/CSS located under the Themes tab:



  4. Select HTMLHead.html located under Panels in Template:



  5. Then paste your site's Shareaholic setup HTML code inside of the head tags within HTMLHead.html:



    As reference, your site's Shareaholic setup code can be found in the Installation tab of your site's Settings on Shareaholic.com, and it looks something like the following (the Site ID in the code will be unique to your site):

    html-setup_code.png

  6. Click Save located in the upper left hand corner of the window:



  7. Click Close & Refresh:



  8. Congrats! Shareaholic should now load successfully on your website!

balloons.gif

 

To install an In-page Shareaholic App:

Shareaholic In-page Apps are special apps that let you place them exactly where you want in your website layout or template at the location where the app should be displayed.

If you have not created an In-page Shareaholic App, check out the Installing an In-page Shareaholic App Guide before following the instructions below.

  1. Log into your BigCommerce dashboard.

  2. Click Settings → Design under Store Setup → Edit HTML/CSS located under the Themes tab to access all of your theme's layouts, panels and snippets.

  3. Find the theme layout, panel or snippet you would like the given Shareaholic In-page App to appear in and open the file in the editor.

    Some commonly edited snippets are:
    Snippets/SocialLink.html
    Snippets/AddThisLink.html
    Some commonly edited panels are:
    Panels/ProductDetails.html
    Panels/PostContent.html
    Panels/QuickViewContent.html
  4. Paste the Shareaholic App HTML snippet where you would like it to appear and Save the file.

    As reference, an In-page App snippet looks like:

    share-code_snippet.png

  5. Click Close & Refresh. You're done!
Was this article helpful?