Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed User-generated content on your TemplateToaster website for FREE?

Showcase authentic hashtag‑based posts from Instagram, Twitter, LinkedIn, TikTok, and Facebook directly on your site. Building visitor trust through real voices and driving deeper engagement with genuine user stories.

Free forever plan No credit card Cancel any time
How to embed User-generated content on your TemplateToaster website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 11, 2026 5 min read Ask ChatGPT
Quick answer

Your User-generated content on TemplateToaster website — live in 3 steps

SociableKIT syncs your user-generated content automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick User-generated content in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your TemplateToaster website. No dev team needed.

  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed User-generated content with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your TemplateToaster website. Screenshots included so you never get stuck.

Complete guide

Follow our complete guide below to embed User-generated content on TemplateToaster website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your User-generated content widget

The first part is creating your User-generated content widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed User-generated content on your TemplateToaster website for FREE?
  2. Select your User-generated content type on the dropdown. SociableKIT offers several User-generated content widgets. You might need to search it using the highlighted area below. Once found, you can then select it. Here are the different types of User-generated content that you can add to your TemplateToaster website : Select "User-generated content" on the dropdown - How to embed User-generated content on your TemplateToaster website for FREE?
  3. Enter your User-generated content ID or username. Copy your User-generated content URL and paste it in the username box. Our system will automatically identify your User-generated content ID or username.
  4. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed User-generated content on your TemplateToaster website for FREE?
  5. Copy the embed code. Click the "Embed on website" button on the upper right corner. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed User-generated content on your TemplateToaster website for FREE?
  6. Paste the embed code and save your TemplateToaster website page. Please follow the second part below to add User-generated content widget to your TemplateToaster website .

Add User-generated content widget to your TemplateToaster website

The second part is adding your User-generated content widget to your TemplateToaster website . After you customize your User-generated content widget and copied the embed code, it is time to add it to your TemplateToaster website . Follow the steps below.

  1. Get your free embed code from SociableKIT. Make sure you followed the first part above to create your widgget, customize it, and copy your free embed code.
  2. Login to TemplateToaster.
  3. Once you are logged in, You will need to download TemplateToaster On the Download page, You can download the latest version of TemplateToaster.
  4. Please note that you will need the Professional edition of your TemplateToaster to be able to embed your widget.
  5. Pick your preferred CMS to start with, In our case we choose WordPress for our CMS.
  6. You can choose a different template but you can start from scratch.
  7. Click Add/Edit page to add or edit your page.
  8. On your Selected page, Click the Column to adjust your preferred width of your content.
  9. Double-click the content and paste your JavaScript embed code.
  10. On the top left corner of your window, Click the icon of Google chrome. The changes you made will be saved and published automatically. Done! Please note that in my case, I use Google chrome as default browser. The default browser on your end will appear on the top left corner of your window.

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed User-generated content on your TemplateToaster site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your User-generated content widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to TemplateToaster.
  4. Once you are logged in, You will need to download TemplateToaster On the Download page, You can download the latest version of TemplateToaster.
  5. Please note that you will need the Professional edition of your TemplateToaster to be able to embed your widget.
  6. Pick your preferred CMS to start with, In our case we choose WordPress for our CMS.
  7. You can choose a different template but you can start from scratch.
  8. Click Add/Edit page to add or edit your page.
  9. On your Selected page, Click the Column to adjust your preferred width of your content.
  10. Double-click the content and paste your JavaScript embed code.
  11. On the top left corner of your window, Click the icon of Google chrome. The changes you made will be saved and published automatically. Done! Please note that in my case, I use Google chrome as default browser. The default browser on your end will appear on the top left corner of your window.
Full TemplateToaster tutorial →

To embed User-generated content on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your User-generated content widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed User-generated content on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your User-generated content widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed User-generated content on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your User-generated content widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed User-generated content on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your User-generated content widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed User-generated content on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your User-generated content widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed User-generated content on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your User-generated content widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed User-generated content on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your User-generated content widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Live preview

Pick a Instagram Hashtag Feed template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your TemplateToaster website.

Widget previewMasonry
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding User-generated content on your TemplateToaster website.

How long does it take to set up the user generated content widget?

You can be up and running in just a couple of minutes. Sign up for a free account, choose your sources, customize the design and then copy and paste a single embed code into your site. There's no complicated installation or technical expertise required.

Do I need to know how to code or install a plugin to use the widget?

No coding skills are required. Simply configure your feed on the SociableKIT dashboard, copy the provided embed code and paste it into any website builder or CMS. The widget works seamlessly on platforms like WordPress, Shopify, Wix and Squarespace without additional plugins.

Which social media platforms does the widget support?

The user generated content widget can aggregate posts from major networks such as Instagram, X (Twitter), Facebook, LinkedIn and TikTok. You can pull content based on hashtags, mentions or handles and display them together in one feed. This multi network support helps you showcase authentic content from all the places your audience engages.

Can I combine multiple hashtags or accounts into one feed?

Yes. You can connect multiple sources under one account and merge them into a single widget. This allows you to mix different hashtags, profiles or pages so that your visitors see a unified stream of user generated content.

Will the widget update automatically when new posts appear?

On paid plans your feed refreshes automatically to keep content current. The free plan allows manual syncing when you need it. Either way your website will always show the latest posts without you having to re embed the code.

Is there a free plan or trial available?

Yes. SociableKIT offers a free plan that includes one source, up to two thousand monthly views and full customization. You can start for free with no credit card required and upgrade only when you need more sources or automatic updates.

Are there any limits on views or widgets on paid plans?

Paid plans include unlimited views and unlimited widgets. You only pay for the number of sources you connect. This means you can create as many widgets as you need across multiple pages without worrying about traffic limits.

Can I customize the look of the feed to match my brand?

Absolutely. You can adjust colors, fonts, layout and call to action buttons to match your site’s style. Choose from various layouts like grid, masonry, carousel or list and even enable dark mode. No matter which plan you choose the design options are fully available.

Does the widget support moderation and filtering?

Yes. You can hide or approve individual posts and filter content by keyword or hashtag. Business and higher plans include automatic moderation options to save you time. This ensures only suitable content appears on your site.

Do I need to ask permission from content creators?

The widget displays publicly available posts following each platform’s terms of service. For purposes like advertising or repurposing content you should obtain explicit permission from the original creator. SociableKIT helps you embed content ethically and leaves rights management decisions to you.

Will embedding the widget slow down my website?

No. The widget is optimized for performance and loads asynchronously, so it doesn’t block your page. It uses caching and lazy loading techniques to ensure your website stays fast and responsive.

Is the widget responsive and mobile friendly?

Yes. It adapts to any screen size automatically. Whether your visitors are using a desktop, tablet or smartphone, the feed will look great and remain easy to browse.

Which website builders and platforms are supported?

The embed code works on practically any platform that supports HTML, including WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites and custom HTML sites. You simply paste the code into your page or widget block.

Do I need to be the account owner or administrator to display posts?

You must have permission to access the accounts or hashtags you connect. For most networks you simply log in through SociableKIT to authorize the feed. If you’re aggregating brand related hashtags you don’t need account ownership but the posts must be public.

Can visitors interact with the posts in the feed?

Visitors can click on any post to view it on the original social platform, where they can like, comment or share. This drives engagement back to your social channels while keeping your website fresh.

How does the call to action feature work?

You can add customizable buttons prompting visitors to follow your social profiles, use a hashtag or make a purchase. These calls to action are easily configured in the dashboard and help turn social proof into conversions.

Is my data secure and compliant with privacy regulations?

SociableKIT connects via official social media APIs and does not store personal information from your visitors. Paid plans include features such as multi factor authentication and secure payment processing, ensuring your data and transactions remain safe.

Do you offer discounts for non profits or long term plans?

Yes. Qualifying non profits receive special pricing and annual plans include two months free. Contact our support team to see if you’re eligible.

How can I cancel or upgrade my subscription?

You can upgrade, downgrade or cancel at any time from your account dashboard. There are no long term contracts, and your widgets will keep working on the free plan if you choose to downgrade.

What kind of support is available if I get stuck?

Our support team is available around the clock via chat and email. Real humans are ready to answer your questions and help you get the most out of your widgets.

Add your User-generated content widget today

Set up in minutes. Free forever to start.

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View User-generated content widget page →