How To Embed Shoppable Wall On Website

The following embedding process is applicable to all shoppable walls be it Shoppable Instagram Wall, Shoppable Facebook Wall, Shoppable Social Media Wall or any other.

Once you have created your Shoppable Wall with Taggbox then you can move onto embedding it on your website following the below-given steps:

Note: Find out how to create a Shoppable Wall

Step 1

Go to your Shoppable Wall Editor section in your Taggbox Commerce account

Step 2

Click on the “Embed Wall” Button at the bottom left corner of your editor

Step 3

A Pop-up will appear, from there choose your Website CMS (HTML, WordPress, Wix, etc.)

Now we have mentioned every website CMS here, so you can go directly to your website CMS steps

Embed In HTML Website

Step 1

To embed Shoppable social media wall on HTML website, Choose HTML as your website CMS

Choose HTML for embedding Flickr feed

Step 2

Set width & height (if needed) and click on Get Code

Height of embedding Flickr feed

Step 3

Copy the generated code and embed it to your HTML website’s page where you want to display the Shoppable Social media wall

Get Code for Embedding Flickr feed

Tada! there you have it your Shoppable Social Media Wall on HTML Website

Embed On WordPress Website

Step 1

Choose WordPress as your website CMS to embed Shoppable Social Media Wall

Choose embed platform WordPress

Step 2

Set the width & height if you wish to and click on Get Code

Flickr feed on WordPress' height

Step 3

Copy the generated code and embed it to your WordPress website’s code where you want to display the Shoppable Social media wall

Flickr feed on WordPress' get code

Embed On Shopify Website

Step 1

Choose Shopify as your website CMS

Choose embed platform Shopify

Step 2

Set height & width if needed and click on Get Code

Shopify Height

Step 3

Shopify gives you the option to embed your Shoppable Social Media wall either on default Pages or New Pages or Blog Posts.

Default Pages

Log in your Shopify store and navigate to Online Store

Go to themes menu in the sidebar & Click On Customize Button

Then Navigate to the left side of the page and click on Custom Content

Then click on Custom HTML and paste the Copied code and Click on Save

New Pages

Login your Shopify store and Navigate to Online Store

Go to Pages menu in the sidebar & click on Add Page

Select Show HTML (<>) option of Text Editor

Paste the Copied code and Click on Save.

Embed On WIX website

Step 1

Choose Wix as your website CMS from the options

Choose embed platform Wix

Step 2

Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox

Step 3

Click on “+ Add” Button and Click on More and Select Embed a Site.

 Flickr feed on Wix Website

Step 4

Check & Copy the “Website Address” under Mode.

Step 5

Paste the generated URL into the ” Website Address ” field.

Embed On Squarespace Website

Step 1

Choose Squarespace as your website CMS to continue

Choose embed platform Squarespace

Step 2

Set width & height if needed and click on Get Code

Flickr feed on Squarespace's height

Step 3

On Squarespace, Navigate to the page where you want to embed the social media wall

Step 4

Click on edit and then click on +Add/Edit Block

Display Flickr feeds on Squarespace

Step 5

Select Code and then Paste the Copied code and Click on Apply.

Show Flickr on Squarespace

Step 6

Save the page to apply the Changes

This is how you can embed any Shoppable Wall on any given Website CMS with few easy steps in minutes.