Getting Started with Bigcommerce

Install Javascript SDK

  • Go to your Bigcommerce admin dashboard and on the top right side click on "Design".
  • Click "Edit HTML/CSS".
  • Find your HTMLHead in sidebar.
  • Paste the following HTML code before the </head> tag:
    <script src="http://cdn.slpht.com/widget/bigcommerce-embed.js"></script>
  • Save your progress by pressing Save button on top left side.

Install Frontpage Gallery Basic Plan

Ensure that Javascript SDK is installed as described above

  • Open "Galleries" section and go inside that gallery.
  • Choose gallery you want to display.
  • Click "Get embed code" button and copy code.
  • In BigCommerce admin panel click "Design".
  • Click "Edit HTML/CSS".
  • Find your Default page (default.html) in sidebar under "Other Template Files" section.
  • Paste the HTML code anywhere you want.
  • Save your progress by pressing Save button on top left side.

When you add photos to your gallery, those photos will show up on your front page.

Install Product Gallery Advance Plan

  • Go to your Bigcommerce admin dashboard and on the top right side click on "Design".
  • Click "Edit HTML/CSS".
  • Find your Product page (product.html) in sidebar under "Other Template Files" section.
  • Navigate to Galleries --> Product
  • Click "Get Embed Code"
  • Copy code from modal window
  • Place code wherever you want the gallery to appear on your product page.
  • Save your progress by pressing Save button on top left side.

Tag a photo with a product and that photo will appear on that product page. For example, your customer share a picture of jewelry. When you tag that photo with your jewelry product, that photo will appear on your jewelry page automatically.

Next Steps

Add photos to gallery