Sign inGet Started Free
FeaturesPricingBlogResourcesAboutContact
Sign inGet Started Free

A TikTok feed widget that keeps your videos the shape you filmed them

Connect a TikTok account through TikTok's own permission screen, choose which videos publish, style the feed in a design studio with 40 layouts and 16 themes, and paste one snippet into any site builder. The covers arrive vertical and stay vertical, so the section reads the same on a laptop and on the phone it was shot on.

Create your widget freeSee pricing

7-day full trial, no credit card. The free plan stays free.

Latest from Sugarfell Dessert Bar@sugarfellTikTok
A hand holding a two-scoop cone against a flat pink background
Coffee poured from a jug into a jar of milk and ice, the two caught mid-swirl, greenery blurred behind
Icing sugar falling onto a tall stack of blueberry pancakes, coloured bokeh lights across the dark background
A burnt Basque cheesecake shot from directly above on a teal plate, one wedge cut and moved to a side plate with a fork and berry compote
Milk pouring into a tall glass against a flat teal background, the stream frozen mid-fall
@sugarfellTeal wall, cold glass, one stream that would not sit still.

Sugarfell Dessert Bar, 14 Ambrey Row, is a demo account we invented for these mockups. The business, the handle and the address are all made up; the tiles, the badge and the counts are the widget's.

20
Videos TikTok returns per sync
40
Layouts in the studio
16
Themes, free on every plan
10
Platforms one feed can mix
Try it here

Design your TikTok widget right now, without signing up

Most of the question is whether it will look right on your site, and you should not have to hand over an email to find out. Switch layouts, try themes, turn captions, dates, avatars and badges on and off, and watch the same feed restyle as you click. Connecting your own account comes later, on TikTok's own permission screen.

Layout
Theme
Display
Showing Grid Minimal
A hand holding a two-scoop cone against a flat pink background
sugarfell2w

Two scoops, one pink wall.

Espresso running from a naked portafilter into a steel pitcher, shot close and warm with hands at the edge of the frame
sugarfell3d

Twenty six seconds and the whole bar went quiet.

Milk pouring into a tall glass against a flat teal background, the stream frozen mid-fall
sugarfell4w

Teal wall, cold glass, one stream that would not sit still.

Icing sugar falling onto a tall stack of blueberry pancakes, coloured bokeh lights across the dark background
sugarfell6w

Icing sugar, every single time.

A hand holding up a wedge of tart packed edge to edge with wild strawberries, against a plain pale wall
sugarfell8w

Wild strawberry tart, held up to the light.

Five dusted brownie squares on small dark gold-rimmed plates scattered across a near-black surface with blue cornflower petals
sugarfell1w

Five brownies, one very dark table.

Grid. Even rows, every post the same size. The safe default for a page section.

Build this with your own feed

A preview, not the live renderer: the theme colours are read from the product’s own theme definitions and the layout names are the real ones, but the shapes here are drawn for this page. Some of them crop to a square, and that is the drawing rather than the product: in the real widget the default card renders a TikTok cover at its own 9:16. The studio itself carries 40 layouts and 16 themes, a theme builder on every plan, and renders the actual widget as you edit. Sugarfell Dessert Bar is a demo account we invented, its address is invented too, and the photographs are CC0 stand-ins.

The shape

Nine by sixteen, all the way through to your page

A TikTok cover is a portrait frame, and the fastest way to make a feed look borrowed is to squeeze it into a landscape box. The default card asks for the image's own ratio instead, so a cover fills the card width at the proportions it arrived in: nothing trimmed off the top, no bars down the sides.

Made this week@sugarfell · 14 Ambrey RowTikTok
A cup held in one hand while the other pours a rosetta into it, the espresso machine group heads out of focus behind
Rosetta on the first try. Nobody ask about the second.
Espresso running from a naked portafilter into a steel pitcher, shot close and warm with hands at the edge of the frame
Twenty six seconds and the whole bar went quiet.
A gooseneck kettle pouring into a filter cone standing on a scale, the counter in warm wood and the room dark behind
Slow bar. Three minutes of nothing happening, on purpose.
Five dusted brownie squares on small dark gold-rimmed plates scattered across a near-black surface with blue cornflower petals
Five brownies, one very dark table.
A beetroot latte with a tulip poured into it, held up on the flat of one hand and shot from above
Beetroot latte. Pink the whole way down.
A croissant and a dish of cocoa truffles on a dark surface, dried flowers laid beneath and crumbs thrown across the frame
Croissant, truffles, and the crumbs we did not sweep.
A first-person shot looking down at a hand holding an ice cream cone over grey cobblestones, the photographer’s own shoes at the bottom of the frame
Round the block before it beat us. It nearly beat us.
A short stack of pancakes on a square pale-blue plate topped with cut apple and melon and drizzled with caramel, shot from above on dark wood
Short stack. Long queue.
Milk poured from a steel jug into a cup held flat on an open palm, the rosetta half formed
Half a rosetta and one very steady hand.
Four glazed éclairs laid on torn book pages with a cappuccino, vanilla pods, blueberries and a pair of scissors, shot from above
Four eclairs and a swan. The swan took longest.
A hand holding up a wedge of tart packed edge to edge with wild strawberries, against a plain pale wall
Wild strawberry tart, held up to the light.
Milk pouring into a tall glass against a flat teal background, the stream frozen mid-fall
Teal wall, cold glass, one stream that would not sit still.
Sugarfell Dessert Bar, 14 Ambrey Row, is a demo account we invented for these mockups. The business, the handle and the address are all made up; the tiles, the badge and the counts are the widget's.
Where the shape is kept, and where it is not

Kept: the default card, which asks for the natural ratio and renders the whole cover, and the Classic TikTok layout, which pins every frame to exactly 9:16. Not kept: the TikTok Collage layout, whose bento cells are square, tall or wide by design and which therefore crops covers to fit them, and any card template you switch to that sets a fixed ratio of its own. We would rather tell you which is which than let you find out after the snippet is live.

The trade-offs of putting vertical video on a horizontal page, including where a tall feed helps a layout and where it fights it, are worked through in the technical section of our TikTok feed guide.

What is on a card

Six things it draws, and three it will not

A widget can put anything on a tile. What it should put there is whatever the platform actually gave it, and nothing else. Here is the whole list for a TikTok post, including the fields that are fetched and stored and still never reach your page.

A beetroot latte with a tulip poured into it, held up on the flat of one hand and shot from above
Sugarfell Dessert Bar4w agoTikTok

Beetroot latte. Pink the whole way down.

Sugarfell Dessert Bar, 14 Ambrey Row, is a demo account we invented for these mockups. The business, the handle and the address are all made up; the tiles, the badge and the counts are the widget's.

On the card
  • The cover image TikTok returns, at 9:16
  • A play triangle, because every imported video carries a link
  • The TikTok badge, so a mixed feed stays readable
  • Account name, avatar and how long ago it went up
  • The caption, trimmed with a Show more control
  • Likes, comments and shares
Not on the card, on purpose
  • No view count. The number is fetched and stored, and nothing in the renderer reads it. A tile that showed one would be inventing it.
  • No duration badge. Same story: stored on the post, never drawn. There is no "0:14" anywhere in the widget.
  • No sound name. The track a video used is never requested from TikTok, so it cannot appear on your page.
Design

Two layouts built for vertical video, and the rest that carry it anyway

The studio ships 40 layouts and every one of them accepts a TikTok feed. Two are named after it: Classic TikTok, below, and TikTok Collage, a four-column bento where one video leads at double size. Both sit on the paid plans, which is worth knowing before you plan a page around one.

Classic TikTokPaid layout
Coffee poured from a jug into a jar of milk and ice, the two caught mid-swirl, greenery blurred behind@sugarfellThe swirl does all the work. We just held the jug.
A first-person shot looking down at a hand holding an ice cream cone over grey cobblestones, the photographer’s own shoes at the bottom of the frame@sugarfellRound the block before it beat us. It nearly beat us.
A cup held in one hand while the other pours a rosetta into it, the espresso machine group heads out of focus behind@sugarfellRosetta on the first try. Nobody ask about the second.
Icing sugar falling onto a tall stack of blueberry pancakes, coloured bokeh lights across the dark background@sugarfellIcing sugar, every single time.
Four glazed éclairs laid on torn book pages with a cappuccino, vanilla pods, blueberries and a pair of scissors, shot from above@sugarfellFour eclairs and a swan. The swan took longest.
A croissant and a dish of cocoa truffles on a dark surface, dried flowers laid beneath and crumbs thrown across the frame@sugarfellCroissant, truffles, and the crumbs we did not sweep.
Drawn to match the layout the renderer ships, down to the 9:16 frame it pins on every card. Sugarfell Dessert Bar is invented and so is its address; the counts are illustrative.
What the free 7 do with a vertical feed

Grid, list, carousel, masonry, mosaic, slider and stagger are the layouts a free plan keeps, and all seven render the cover at its own ratio through the default card, so a free TikTok wall is a wall of portrait tiles rather than a compromise. What the paid two add is the phone framing and the bento, not the shape. Every theme, and the theme builder, is free on every plan.

One caveat worth repeating: TikTok Collage crops. Its cells are square, tall or wide depending on where a video lands in the feed, so pick it when you want a dense wall and can live with the crop, and pick Classic TikTok or any of the free seven when the full frame matters. Where each shape works on a real page is covered in the placement section of the TikTok feed guide.

The connection

What we ask TikTok for, and what it gives back

Three things about this integration are worth stating plainly, because two of them are limits and the third is the reason a feed does not quietly die after a day.

Two permissions

Your profile, and the list of your own videos

The authorisation screen is TikTok’s, and it asks for exactly two scopes: basic profile, and video list. Nothing about anyone else’s account, nothing about your inbox, nothing about posting on your behalf. We hold a token and never a password.

Twenty per sync

TikTok hands back 20 videos at a time

That is the maximum its Video List endpoint accepts in one request, so it is the ceiling for anything reading it, including this. Videos already imported stay in your feed, so a widget fills up past 20 over the following syncs rather than being capped at it.

Refreshed for you

A TikTok token expires every 24 hours

Which would mean a feed that quietly stops after a day. Every fetch checks the token first and renews it if it has run out, and because TikTok issues a new refresh token each time, the new one is stored before anything else happens.

What arrives with each video
  • The cover image, the caption, when it was published, and a link back to the video on TikTok. Those four are what a card is built from.
  • likes, comments and shares, which are the three numbers the card shows.
  • A view count and a duration, which are stored and never drawn. They are listed here because a page that only names the fields it uses is not telling you what it holds.
Curation

You decide which videos reach the page

Everything imported waits as a card: approve it, pin it to the front, remove it, or edit the caption inline. A feed pulled from a phone camera is a feed with off days in it, and a business site is exactly where you want a hand on the gate.

Collect2 waiting
A gooseneck kettle pouring into a filter cone standing on a scale, the counter in warm wood and the room dark behind
Milk poured from a steel jug into a cup held flat on an open palm, the rosetta half formed
Approved
A burnt Basque cheesecake shot from directly above on a teal plate, one wedge cut and moved to a side plate with a fork and berry compote
Pinned first
A hand holding a two-scoop cone against a flat pink background
Approve, pin and remove are the real controls on the Collect page, and nothing reaches a visitor without passing through them. Sugarfell Dessert Bar is invented; so is its address.

Keyword rules run on every plan, so a caption can be screened before it ever reaches the queue. AI vision moderation, which reads the cover image rather than the words, is on Business and above. Which kinds of clip earn their place on a website at all, as opposed to on the app, is argued out in the content-strategy section of the TikTok feed guide.

Setup

From an empty feed to a live widget in four steps

Four steps, in the order you meet them, each shown with what it actually produces. None of them needs a developer, and the first one is the only place TikTok is involved.

  1. 01

    Connect TikTok

    Sign up free, create a feed, add TikTok as a source and authorise it on TikTok’s own screen. The token it hands back expires every 24 hours and is refreshed for you, so a working feed stays working without anyone logging in again.

    No credit card
    Add a source
    TikTokThe account whose videos you wantConnect

    TikTok's own login and permission screen opens from here. It asks for two things and nothing else: your basic profile and the list of your own videos. We never see or store a password.

  2. 02

    Curate what shows

    Imported videos land on the Collect page as cards with approve, pin and remove controls, and you can edit the caption text inline. Nothing reaches your visitors that you have not chosen to show them.

    You hold the approve button
    Collect3 waiting
    The swirl does all the work. We just held the jug.
    Wild strawberry tart, held up to the light.Approved

    Keyword rules run on every plan and can screen a caption before this queue ever shows it to you.

  3. 03

    Design the widget

    Pick from 40 layouts and 16 themes, toggle dates, avatars, badges and captions, and watch the live preview restyle as you click. Two of the layouts are shaped for vertical video specifically.

    Real renderer in the preview
    Design studio
    GridMasonryClassic TikTok+37
    +12

    The preview in the studio is the real widget, so the covers you approve here are the covers that ship.

  4. 04

    Embed anywhere

    Copy the snippet for your platform and paste it where the feed should appear. Plain HTML, WordPress, Webflow and React get a script, Shopify a wrapped one, Wix and Squarespace a self-resizing iframe, Notion and Google Sites a bare URL.

    The dialog picks the right snippet
    Get codePlain HTML
    <link rel="preload" as="fetch" …><div id="collectsocials-6b1d40e2"></div><script src="…/api/widget"data-feed-id="…" data-token="…"data-container="…" data-api-base="…"defer></script>

    Abridged: the dialog fills in your own ids and adds the feed-url attribute. Pick your platform there and the snippet changes shape to suit it.

Stuck at any of the four? The full walkthrough repeats every step in detail, and the embed dialog carries its own instructions for whichever builder you pick.

Compatibility

One widget, every website platform

A script tag is not universally installable: some builders sandbox custom code, others strip it. So the embed dialog asks where you are installing and hands out the right snippet for that host.

Script embed

Plain HTML, WordPress, Webflow, React

One script tag and one container div. The widget mounts in your page and renders inside a Shadow DOM, so its CSS and yours cannot interfere.

Wrapped script

Shopify

The same script with a page-width wrapper, because Shopify themes lay sections out with flexbox and would otherwise compress the container.

Iframe embed

Wix and Squarespace

Both sandbox or strip custom scripts, so these get an iframe that resizes itself as content loads. No clipped tiles, no scrollbars down the side of a vertical wall.

Bare URL

Notion and Google Sites

Builders that cannot run scripts at all take a fixed-height frame by URL. Content scrolls inside it.

On WordPress you can skip the snippet entirely and install our plugin instead, which renders the feed from your own site.

One wall

TikTok is rarely the only feed a page needs

One feed can combine 10 platforms, so a vertical clip can sit beside a Google review, an Instagram photo and a YouTube video in the same section. Every platform is on the free plan except X (Twitter), which is premium for one reason: X charges for API access.

A couple silhouetted on a dune crest against a wide sunburst, ripples in the sand belowInstagram

Made the crest just before the sun did.

A city canal at night with pink and violet signage reflected the full length of the waterTikTok

The canal does this every night

Atlas & Pine7wFacebook

Stayed out for the last of the light and the whole lake turned pink with it.

A pink and violet sunset over dark mountain silhouettes and a still lake
Priya R.2 weeks agoGoogle

Booked the sunrise trip on the strength of the photos and it was better than the pictures. The guides knew exactly where to be and when.

Atlas & Pine@atlasandpine · 3dTwitter/X

Sunrise crew made the ridge before the storm broke. Whole set is up on the site now.

Marcus T.1 month agoGoogle

Second trip with them this year. Everything ran on time and the small group size is the whole point.

A surfer coming off the lip of a breaking wave, board clear of the waterInstagram

Off the top, first swell of the week.

A walker standing on a dark volcanic ridge as the sun breaks under storm cloud over the seaYouTube

Three days on the ridge trail, start to finish

Atlas & Pine5wFacebook

Lagoon day. Six boats out, nobody tipped in, and the water stayed that colour the whole afternoon.

Kayakers in red and yellow boats threading a turquoise lagoon between limestone cliffs
Hot-air balloons drifting over pale rock formations at dawnInstagram

Up before the balloons were.

A demo feed for an invented brand, showing 6 of the 10 live sources in one wall. The posts, reviewers and engagement numbers are illustrative, not product metrics. Every field on these cards is one the widget really renders, but the wall itself is drawn for this page rather than served by the widget.

Pricing

TikTok is not a paid add-on

It is on the free plan, at the same 20 videos a sync everyone gets, because that number is TikTok's and not a lever for us to pull. What you pay for is layouts, sources and how often the feed refreshes.

Free, indefinitely
  • 7 of the 40 layouts, all of them keeping the cover's own ratio
  • All 16 themes, plus the theme builder
  • Full moderation: approve, pin, remove, edit
  • 3 connected sources
  • A sync every 24 hours

Free widgets carry a small CollectSocials credit link.

Paid, from $20/month
  • All 40 layouts, Classic TikTok and TikTok Collage among them
  • Faster syncing: hourly on Pro, every 10 minutes on Scale
  • 5 sources on Pro, 15 on Business, 30 on Scale
  • Remove the credit link

The two TikTok-shaped layouts are the paid seam here, and the free seven still keep the shape. Full pricing breakdown.

FAQ

TikTok widget questions, answered straight

How do I embed my TikTok videos on my website?

Create a feed, add TikTok as a source, and authorise it on TikTok’s own permission screen. Your recent videos import as cards you approve, pin or remove, you choose a layout and a theme, and the embed dialog hands you one snippet to paste where the feed should appear. From then on the page keeps up with the account without anyone touching the code again. The full walkthrough, step by step, is in our guide to embedding a TikTok feed.

Do the videos stay vertical, or does the widget crop them?

On the default card the cover renders at the ratio TikTok gave it, filling the card width with nothing trimmed off the top and no bars down the sides, because that card asks for the image’s natural ratio rather than a fixed frame. The Classic TikTok layout goes further and pins every frame to exactly 9:16. Two things do crop: the TikTok Collage layout, whose bento cells are square, tall or wide by design, and any card template you switch to that sets a fixed ratio of its own.

Does the widget play TikTok videos on my page?

A tile shows the cover image and stays still until someone clicks it. The click opens a lightbox on your page which loads TikTok’s own embed player, so the video plays in TikTok’s player rather than in a copy of it, and the view counts on TikTok’s side keep working the way TikTok counts them. Nothing autoplays and nothing plays sound before a visitor asks for it.

Does it show view counts?

No. The card shows likes, comments and shares, and that is the whole list. A view count is fetched from TikTok and stored on the post, and no part of the widget ever draws it, so putting one on a mockup or a marketing page would be inventing a feature. If you need view counts on your site today, this is not the tool for that job. The same goes for a duration badge and for the name of the sound a video used.

How many videos does the widget import?

20 per sync, because 20 is the most TikTok’s Video List endpoint will return in one request. Videos already imported are kept rather than replaced, so the feed grows past that over successive syncs. How often those syncs run is the plan: every 24 hours on the free plan, hourly on Pro, every 15 minutes on Business and every 10 minutes on Scale.

What permissions does connecting TikTok give you?

Two: your basic profile, which is the display name and avatar the cards use, and the list of your own videos. That is the entire request, and it is made on TikTok’s own authorisation screen rather than anywhere in our interface. We never see your password, and the access token TikTok issues is refreshed automatically rather than asking you to reconnect every day.

Can I choose which videos appear on my site?

Every imported video waits on the Collect page as a card with approve, pin and remove controls, and you can edit the caption text inline. Keyword rules run on every plan and can screen a caption before it ever reaches that queue. AI vision moderation, which looks at the cover image itself, is on Business and above.

Which website builders does it work with?

WordPress, Shopify, Wix, Squarespace, Webflow, Notion, Google Sites, plain HTML and React. The embed dialog asks where the widget is going and hands out the right snippet for that host, because some builders sandbox custom scripts and others strip them out. WordPress can skip the code entirely with our plugin.

Is the TikTok feed widget free?

Yes. TikTok is not a paid add-on: it is on the free plan along with every other platform except X (Twitter), which is premium for one reason, which is that X charges for API access. The free plan includes 7 of the 40 layouts, all 16 themes and the theme builder, full moderation and 3 connected sources. The two layouts named after TikTok are on the paid plans. The 7-day trial opens everything with no credit card.

Can the same widget show more than TikTok?

Yes. One feed can combine 10 platforms, so a vertical clip can sit beside an Instagram photo, a Google review and a YouTube video in the same section. For a shop or a bar that is usually the point: the clip shows the thing being made and the review says it was worth queuing for.

Put your videos on your site tonight

Connect TikTok, approve what shows, pick a layout, paste one snippet. The 7-day trial covers everything and asks for no card.

Create your widget free

Works with WordPress, Shopify, Wix, Squarespace, Webflow, Notion and plain HTML. Sugarfell Dessert Bar is a demo account we invented for the mockups on this page.