Your Youtube Shorts on Square Online website — live in 3 steps
SociableKIT syncs your youtube shorts automatically. Set up once, embed anywhere — free to start, no coding required.
-
Create in 60 seconds
Pick Youtube Shorts in the dashboard and connect your source.
-
Match your brand
Colors, fonts, layout — tune it until it feels native to your site.
-
Paste one line of code
Drop the embed snippet on your Square Online website. No dev team needed.
Embed Youtube Shorts with SociableKIT — step by step
Create your widget in the dashboard, copy the embed code, and paste it on your Square Online website. Screenshots included so you never get stuck.
Create and customize your Youtube Shorts widget
The first part is creating your Youtube Shorts widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.
-
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.
- Paste the embed code and save your Square Online website page. Please follow the second part below to add Youtube Shorts widget to your Square Online website .
Enter your CHANNEL ID
Add Youtube Shorts widget to your Square Online website
The second part is adding your Youtube Shorts widget to your Square Online website . After you customize your Youtube Shorts widget and copied the embed code, it is time to add it to your Square Online website . Follow the steps below.
- Copy your free Youtube Shorts widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
- Login to Square Online.
![]()
- Create or edit your existing website.
![]()
- Create or edit an existing page and add a Section.
![]()
- Select the Embed code option. Paste the embed code from SociableKIT.
![]()
- Click the Preview button on the upper right corner of the page.
![]()
- Done!
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 Youtube Shorts on your Square Online site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Youtube Shorts widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Square Online.
![]()
- Create or edit your existing website.
![]()
- Create or edit an existing page and add a Section.
![]()
- Select the Embed code option. Paste the embed code from SociableKIT.
![]()
- Click the Preview button on the upper right corner of the page.
![]()
- Done!
To embed Youtube Shorts on your WordPress site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Youtube Shorts widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to your WordPress site.
![]()
- On your WordPress, go to the "Pages" section then click the "Add new page".
![]()
- Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
![]()
- On the body of your page, click the "+" icon and click the "Custom HTML".
![]()
- Paste the code in the text area and click update.
![]()
- The widget will appear on the WordPress page.
![]()
- Click the Publish or Update button on your WordPress page.
![]()
- Click the view page. Done!
To embed Youtube Shorts on your Wix site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Youtube Shorts widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Wix.
![]()
- On your existing website click the "+" button beside the "Main pages" section.
![]()
- Then click the "Add page" button.
![]()
- Name your page then hit enter.
![]()
- On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container.
![]()
- Click "Change website address".
![]()
- Paste the link you copied from SociableKIT then click "Apply".
![]()
- Click "Publish" on the upper right.
![]()
- Click "View site". Done!
![]()
To embed Youtube Shorts on your Squarespace site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Youtube Shorts widget.
- Customize your widget and copy the embed code from the dashboard.
- 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.
![]()
- 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.
![]()
- Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
![]()
- Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
![]()
- 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.
![]()
- View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
![]()
To embed Youtube Shorts on your Webflow site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Youtube Shorts widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Webflow.
![]()
- On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
![]()
- Once done add a name for your new page then click "Save".
![]()
- On the left, click "Add Element". Drag "Embed" to your page.
![]()
- Paste the JavaScript code you copied from SociableKIT.
![]()
- On the upper right, click "Publish" > "Publish to Selected Domains".
![]()
- View your page. Done!
To embed Youtube Shorts on your Shopify site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Youtube Shorts widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Shopify.
![]()
- On the left side, click Online Store.
![]()
- Click Pages. Add a new page or edit your existing page.
![]()
- On the Page details, click Show HTML icon (<>).
![]()
- Paste the embed code and click the Save button.
![]()
- Click the View page button. Done!
![]()
To embed Youtube Shorts on your HTML site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Youtube Shorts widget.
- Customize your widget and copy the embed code from the dashboard.
- Open your HTML file.
![]()
- You can create a new HTML page or edit your existing HTML page.
![]()
- Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
![]()
- Save your HTML page.
![]()
- You may now upload your HTML page to your web hosting.
To embed Youtube Shorts on your Google Sites site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Youtube Shorts widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
![]()
- 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.
![]()
- 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.
![]()
- Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup.
![]()
- 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.
![]()
- Save the widget. Once you have pasted your embed code, click the 'Next' button.
![]()
- 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.
![]()
- 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.
![]()
- Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button.
![]()
- View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
![]()
Live preview
Pick a Youtube Shorts 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 Square Online website.
Common questions
Frequently asked questions
Everything you need to know about embedding Youtube Shorts on your Square Online website.
What is a YouTube Shorts widget?
A YouTube Shorts widget displays your short videos from YouTube directly on your website. With SociableKIT, you can turn your Shorts into a clean, on-brand section that visitors can watch without leaving your page.
Why should I show YouTube Shorts on my website?
YouTube Shorts are fast, visual, and easy to watch. Showing them on your website helps visitors see your content, products, tutorials, events, or customer stories in a more engaging way.
Can I embed YouTube Shorts on my own website?
Yes. SociableKIT gives you an embed code you can add to your website so your YouTube Shorts appear in a polished feed or video section.
Do I need coding skills to add a YouTube Shorts widget?
No coding skills are needed. Create your widget, customize the design, copy the embed code, and paste it into your website builder where custom code or embeds are supported.
Will my YouTube Shorts update automatically?
Yes, automatic syncing is available on paid SociableKIT plans. When you publish new Shorts, your website can stay fresh without manually copying and pasting each video.
Can I display multiple YouTube Shorts at once?
Yes. SociableKIT lets you show multiple Shorts in one widget, so visitors can browse more of your short-form videos in one place.
Can I show only one YouTube Short?
Yes. If you want to feature one important Short, such as a product demo, announcement, or testimonial, you can create a focused display for a single video.
Can I customize the design of my YouTube Shorts widget?
Yes. You can adjust the layout, colors, fonts, spacing, and call-to-action style so the widget feels like part of your website, not a pasted add-on.
What layouts can I use for YouTube Shorts?
SociableKIT supports clean layouts such as grid and carousel styles, including dark mode options. This helps you choose the display that fits your page, from a compact section to a more visual video showcase.
Which website builders work with the YouTube Shorts widget?
SociableKIT works with major website builders that allow custom code or embed elements. This includes platforms such as WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites, SharePoint, and HTML websites.
Can I add YouTube Shorts to WordPress?
Yes. You can add the SociableKIT embed code to a WordPress page, post, or custom HTML block. It is a simple way to show your Shorts without building a custom video section from scratch.
Can I add YouTube Shorts to Shopify?
Yes. You can add your SociableKIT YouTube Shorts widget to a Shopify page, product page, homepage section, or custom liquid area. This is useful for showing product demos, customer stories, tutorials, or behind-the-scenes videos near buying moments.
Can I add YouTube Shorts to Wix, Squarespace, Webflow, or Framer?
Yes. If your website builder supports embed code or custom HTML, you can add your SociableKIT widget to the page. This makes it easy to bring your Shorts into your existing design without rebuilding your site.
Is the YouTube Shorts widget mobile friendly?
Yes. SociableKIT widgets are designed to work on desktop and mobile screens. Your Shorts can look clean on phones, tablets, and larger displays.
Will the YouTube Shorts widget slow down my website?
SociableKIT is built to make embedding content easier while keeping the display practical for real websites. Like any video content, page performance can depend on placement, number of videos shown, and your website setup, so it is best to show the right amount of Shorts for the page.
Can I control which YouTube Shorts appear?
Yes. You can manage your widget settings and choose the type of YouTube Shorts display that works for your page. This helps you keep the section focused on content that supports your brand and visitor journey.
Do I need a YouTube API key to use the widget?
In most cases, you do not need to handle a YouTube API key yourself. SociableKIT is built to make the setup simple, so you can focus on showing your videos instead of managing technical steps.
Can YouTube Shorts help visitors stay longer on my website?
They can help. Short videos give visitors something easy to watch, which can make your page feel more alive and useful when the content is relevant.
Where should I place my YouTube Shorts widget?
Good places include your homepage, product pages, landing pages, portfolio pages, blog posts, and about page. Place the widget where a quick video can answer a question, build trust, or help visitors take the next step.
What support do I get if I need help setting it up?
SociableKIT offers support to help you get your widget live. Paid plans include 24/7 support, so you can get help when setup, customization, or embedding questions come up.
Add your Youtube Shorts widget today
Set up in minutes. Free forever to start.
Create your widgetFree forever · No credit card · Cancel anytime























































