How to Embed Social Wall on Various Website Building Platforms

Follow this step by step guide to embed social wall on various website building platforms like HTML, WordPress, Wix, Weebly and more.

Embed Social Wall on Website

To embed Social wall on your website you need to follow below steps –

1. Click on Display Button on your wall editor.

Display Button

2. Select the “Embed in Websites” option to embed your wall on Website

Display Options

3. Select Your Platform (Eg: HTML, WordPress, Wix etc.)

Choose embed platform

Embed on HTML Website

To embed your Taggbox social wall on HTML website, choose HTML as your platform

Choose HTML

Set width, height and height type as per your requirements.

HTML height

Click on Get Code

Copy the generated code and Paste it into your webpage, where you want to embed your Social wall.

Get Code

Embed on WordPress Website

To embed your social wall on the WordPress website, choose WordPress as your platform.

Choose embed platform WordPress

Set width and height as per your requirements and Click on Get Code

WordPress code height

Now follow these steps-

Step 1. Generate the Website Embed code from the Taggbox code generator and copy the Code.

Step 2. Open the page in your WordPress backend where you want to embed social wall.

Step 3. Select “Text” Input from the top right in your WordPress Editor.

Step 4. Paste the copied code in the editor.

Step 5. Click on Publish/Update post and You’re Done.

Embed on WIX Website

To embed your wall on the Wix website, choose Wix as your platform.

Choose embed platform Wix

Now follow these steps –

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

Step 2. Click on “+ Add” Button.

Step 3. Click on More and Select Embed a Site.

Step 4. Check the “Website Address” under Mode.

Step 5. Copy and paste the generated URL into the ” Website Address ” field.

Embed on Squarespace Website

To embed your wall on Squarespace website, choose Squarespace as your platform.

Choose embed platform Squarespace

Set width and height as per your requirements. Click on Get Code

Squarespace Height code

Now follow these steps-

Step-1. Generate the Website Embed code from the Taggbox code generator from the left and copy the Code.

Step-2. On Squarespace Navigate to the page where you want to embed social wall.

Step-3. Click on +Add/Edit Block and Select Code.

Step-4. Paste the Copied code and Click on Apply.

Step-5. Save the page to apply the Changes.

Embed on Weebly Website

To embed your wall on the Weebly website, choose Weebly as your platform.

Choose embed platform Weebly

Set width and height as per your requirements. Click on Get Code.

Weebly get code

Now follow these steps:

Step-1. Generate the Website Embed code from the Taggbox code generator from the left and copy the Code.

Step-2. On Weebly Navigate to the page where you want to embed social wall.

Step-3. In the left navigation bar click on “Embed Code” and Drop it on the position where you want to display the wall.

Step-4. Paste the Copied code into the Container.

Step-5. Publish your changes.

Embed on Shopify Website

To embed your wall on the Shopify website, choose Shopify as your platform.

Choose embed platform Shopify

Set width and height as per your requirements. Click on Get Code. 

Shopify get code

Default Pages

Follow these steps for Default Pages:

Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.

Step-2. Login your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.

Step-3. Go to Edit HTML/CSS option on top right of the page.

Step-4. Select Layout/Templates/Section (Eg: For Homepage – Index.liquid) Where you want to display Social wall.

Step-5. Paste the Copied code and Click on Save.

New Pages

Follow these steps for new pages:

Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.

Step-2. Login your Shopify store and Navigate to Online Store->Pages menu in the sidebar.

Step-3. Click on Add Page on Top right of the page.

Step-4. Select Show HTML (<>) option of Text Editor.

Step-5. Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.

Step-2. Login your Shopify store and Navigate to Online Store->Blog posts menu in the sidebar.

Step-3. Click on Add Blog post on the Top right of the page.

Step-4. Select Show HTML (<>) option of Text Editor.

Step-5. Paste the Copied code and Click on Save.

Also read: Complete step by step guide to embedding social media wall on the website.

If you have any questions or need help, please Contact us or write us at [email protected].

Alex Watts has written 63 articles

One thought on “How to Embed Social Wall on Various Website Building Platforms

Comments are closed.