How to Embed TikTok Videos on Your Oxygen Builder (Easy Guide)
tiktok-icon

Embed TikTok feeds on your website with our TikTok Plugin–for free!

Get Plugin angle-right
Home Blog How to Embed TikTok Videos on Your Oxygen Builder (Easy Guide)

How to Embed TikTok Videos on Your Oxygen Builder (Easy Guide)

how to embed tiktok videos on your oxygen builder

Want to supercharge your site by adding TikTok videos to Oxygen Builder?

As the # platform for short videos, TikTok is a great place to find bite-sized content to engage visitors with ease. However, manually embedding TikTok content can take a lot of time and effort.

The good news? We’ll show you the simplest way of embedding TikTok feeds on your Oxygen website – no coding needed.

Let’s get started!

Easiest Way to Add TikTok Feeds on Oxygen Builder

To add TikTok videos to your website, you can simply use the #1 TikTok feed plugin out there: TikTok Feed Pro.

tiktok feed pro homepage

Since the plugin comes with a guided flow, you can follow it to create, customize, and embed TikTok feeds in minutes.

On top of that, you get tons of helpful features to make your feed creation experience easier:

  • You can set up the plugin, create your TikTok feed, customize the design, and add it to Oxygen Builder in just minutes.
  • All the TikTok feeds you create will be 100% responsive and copy your Oxygen Builder website’s design automatically.
  • TikTok Feed Pro will regularly update your feed with the latest videos, so you’ll have fresh content for your website.
  • For easy and accurate customization, you can import feed templates or use the visual customizer that comes with a live preview.
tiktok feed pro live feed editor

In addition, TikTok Feed Pro also comes with dedicated customer support. You can freely reach out to them for help whenever you have questions or need help with anything.

Get TikTok Feed Pro for your site here and start integrating TikTok with your website.

Why Add TikTok Feeds to Your Oxygen Website?

  • Showing relevant TikTok videos is a great way to grab people’s attention and keep them on your site for longer.
  • You can embed your TikTok profile on your website to boost your views, likes, and subscribers in no time.
  • By displaying customer reviews and testimonials from TikTok, you can convince more visitors to buy from you and boost your sales.
  • Adding fresh content to your site with relevant keywords is a great way to boost your SEO and reach more potential customers.

How to Display TikTok Videos on Your Oxygen Builder

Ready to get started? Follow the 5 simple steps below to add TikTok videos to your Oxygen Builder website easily.

Let’s get started!

Step 1: Download the TikTok Feed Pro Plugin

You can get the TikTok Feed Pro plugin here, then download the plugin to your computer.

After you do that, just install and activate the plugin on your website.

To learn how to do this, you can check out our tutorial on how to install WordPress plugins

Step 2: Create a TikTok Video Feed

Now that your plugin is ready, you can use the guided flow to create a new TikTok feed.

From your WordPress dashboard area, open the TikTok Feed » All Feeds menu. Next, click on the Add New button at the top.

open live feed editor tiktok feed

Step 3: Connect Your TikTok Account

After creating your new feed, you can connect it to your account. This lets the plugin automatically fetch your videos and display them on your site.

To do so, click on the Add Source button here.

tiktok feed pro add source

Next, click on the Connect with TikTok button on the page.

This will redirect you to the official TikTok website, where you can connect your account.

connect with tiktok

Now, the plugin will ask for read-only access to your account. This way, TikTok Feed Pro is 100% safe since it can only view your content and can’t make any changes.

So, click on the Authorize button here to proceed.

Now that you’ve created your account, you can freely reuse this source for any of your future TikTok feeds.

For now, select your account and click on the Next button.

select your tiktok source

Step 4: Customize Your TikTok Video Feed

All your TikTok feeds will automatically copy your Oxygen Builder’s design and look beautiful right out of the box.

On top of that, you have 6 different templates with unique designs to pick from:

  • Default
  • Cards
  • List
  • Latest Video
  • Carousel
  • Showcase Carousel

Once you pick your feed template, click on Next.

select your feed template tiktok

Now, the plugin will automatically import the template for your newly created video feed.

To customize the feed even further, you can use the visual customizer with the live preview. From here, you can change the design on the left and track your changes on the right.

live feed editor tikto feed pro

Let’s look at some major customization options. Personally, I start by changing the layout of the video feed.

To do so, click on the Layout option.

open layouts tiktok feed pro

Next, you’ll see 5 different layouts to control how the videos are displayed on your Oxygen website:

  • Grid: Use rows and columns to show lots of TikTok videos
  • List: Show TikTok videos one at a time in a single column
  • Masonry: Display videos in multiple columns and keep the original proportions
  • Carousel: Turn your feed into an interactive TikTok slider
  • Gallery: Show a large TikTok video player and small thumbnails below

After selecting your layout, remember to click on Save to keep the changes.

You can then return to the previous options by clicking on the Customize button.

customize button live feed editor tiktok feed pro

Now that we’ve changed the layout, I’ll go ahead and customize the feed header next.

To get started, click on the Header button.

open header options for tiktok

First, you can Enable or Disable your feed header at the top.

Next, you can check and uncheck the boxes below to show or hide parts of the header:

  • Profile Picture
  • Name
  • Username
  • Description
  • Stats
  • Button

You can also click on the options to customize that particular header element in detail.

Like before, click on Save to confirm your changes. Then, you can use the remaining customization options to edit your video elements, buttons, filters, and more.

And remember to click on Save before you move on to the next step.

Step 5: Add TikTok Video Feed on Oxygen Builder

With TikTok Feed Pro, you can start embedding your videos directly from the visual customizer.

First, click on the Embed button at the top.

embed your tiktok feed

This opens a new popup with all the ways to embed TikTok video feeds. As you can see, you can add TikTok feeds to your pages, sidebar, and footer.

But for now, click on the Copy button.

copy shortcode tiktok feed

Now, you can open the Oxygen Builder page where you want to add the TikTok videos.

In case you don’t have a page yet, open the Posts » Add New menu from your dashboard..

Now click on the Edit Template button here.

edit page in oxygen buildera

Now, you’ll see the page open in the Oxygen Builder’s drag-and-drop editor.

To add content to this page, click on the plus (+) icon in the top left corner.

add new element to oxygen builder

Using the search bar in the top right corner, look for the “shortcode” block.

Then, click on the Shortcode block in the search results below.

Now, you’ll see additional options for the shortcode block. This is where you can enter the shortcode that you copied earlier.

Just paste the code into the Full shortcode field.

paste your shortcode oxygen builder

After you’ve done that, go ahead and publish this page, and your visitors can start enjoying TikTok videos right on your website.

All it takes is a few simple clicks and you can have a video feed like in this example.

example of tiktok feed on oxygen builder

And there you have it!

With the help of TikTok Feed Pro, it’s easier than ever to add TikTok videos to your Oxygen Builder website – even if you’re new to WordPress.

You can then use TikTok feeds to boost your TikTok following, get more sales, engage visitors, and even grow your business.

Ready to display TikTok videos on your site? Get TikTok Feed Pro for your website!

Want more engaging content on your site? Check out this guide on how to add Instagram feeds to your Oxygen Builder website.

More Social Media Marketing Tips and Tutorials

author avatar
Sajjan Sharma Senior Writer
Sajjan has been writing about WordPress, social media marketing, and online businesses for over 10 years. His professional interests extend to include influencer marketing, content curation and digital marketing strategies.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.