So you’re trying to add TikTok Videos to your Show It site. If you’re trying to create a nice video experience for your site, directly embedding TikTok Videos might not be a great idea. They can slow down your site, take people off your site back to instagram and look off brand.
A better way to do this is to use a platform like Clipara to embed your short form video.
There’s no coding required, so anyone can use this method. In this guide, we’ll show you the quick steps to add your video gallery, grid, or other video embeds to your Show It website.
Adding videos can significantly enhance your site’s appeal and modernize the experience for your users. Everybody loves short form video these days, and it’s most people’s preferred content style. That’s why TikTok Videos are so popular!
Clipara is a video platform designed for easy creation and embedding of modern video experiences—no technical expertise needed.
Below, we’ll guide you through creating a stunning video gallery or grid with Clipara and embedding it seamlessly in Show It.
Upload your videos to Clipara. You can upload your TikTok Videos directly or you can upload other short form content directly from your computer.
Create a campaign, and choose your playing experience. Either Inline or Full Screen. Inline will play the videos directly in the page. Full screen pops open a full screen swipeable experience just like TikTok Videos or TikTok. You will also choose the base widget layout that you would like to use. In this instance you will choose Carousel.
Select the videos you want to use in the carousel and choose the order of them.
Customise your campaign. There's a lot of possibilities here. As well as changing layouts and colours, you can also customise thumbnails, add titles to videos and more.
It's now time to install your campaign on Show It. Click save, and copy the install snippet that pops up in the Clipara dashboard.
After generating an embed code from the widget or form you are wanting to add to your Showit site, head over to the Design App and choose the canvas that you would like to add your embed code to. With the canvas selected, choose the Element Icon in the Bottom Toolbar, and then choose the Embed Code option.
Once you've added this box to your canvas, you will see the Embed Info tab at the top of the Properties Panel on the right. If you don't see this tab, click on the embed code box first.
In this tab, click on the Custom Code box, paste the embed code from your widget or form into the custom code field and choose to Save. Then, set the dimensions by clicking and dragging the corners of the embed. Make sure to drag right to the sides of the canvas and leave enough height for the embed.
And that's it! Your campaign is now live.