TikTok on VTEX Set Up Guide
Last updated, December 2022

Before getting started: Make sure you have read about compatibility and requirements in the following sections.

Compatibility

TikTok for Business is fully compatible with stores using VTEX IO, and partially compatible with stores using Legacy CMS or Headless CMS.


In VTEX IO stores, installing and configuring TikTok for Business causes the TikTok Pixel to be inserted automatically. On the other hand, stores using the Legacy CMS or Headless CMS need to configure the TikTok Pixel manually. Refer to the Manual TikTok Pixel configuration section for more information on this.


Requirements

To be able to configure the TikTok for Business app in your VTEX store, you need to meet the following requirements:

  1. ​Having a TikTok Business account.

  2. ​Having Admin permission in TikTok Business Center.

  3. ​Having a TikTok Ads Manager account linked to your business account.


Setup Instructions

1. To download the TikTok for Business extension, select and expand Account Configuration in the left column of your VTEX Dashboard.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_1f823405ed0b40838c46f77bf83896fe.png

2. ​Select and expand Apps and click App Store.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_d05f5225ac7e4360a8941d94530135c1.png

3. ​Find or search TikTok for Business App and click Install. You will be directed to the VTEX App Store.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_f50756be7d1d4d4c9ebc46763c7877cf.png

4. ​On the TikTok for Business App page, click Get App.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_e46a9506c11b4341b9915aa33cd54f53.png

5. ​Log in to your VTEX Store by entering your account name in the field and click Confirm.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_f4f722baf2ca4fb8bc1c077dc2ce00e3.png

6. ​You will be redirected to the check out page to download TikTok for Business App. Click Place Order to continue.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_445f6fd400474c67bd71e16ca958fefe.png

7. ​Once you have successfully downloaded TikTok for Business App, click Go to Install Page where you'll be redirected to VTEX. Click Install to complete.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_32211227500c4a7dafaf799ac35daee3.png

8. ​In the left column, select and expand Marketplace, then click TikTok.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_118229259f51442d8608f422ca612d73.png

9. ​Enter all relevant information and click Next. Confirm your information and click Submit to continue.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_2be48b07ad8146c0909db76ac35184f9.png

10. Select Connect Account.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_edb77ddae22f4875b20e5f3f467cdee4.png

11. ​ Log into your TikTok account to activate setting up the integration.

  • ​Or Sign Up for a new TikTok account.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_677d8760a9334bfaa06ac7ca6691c0e3.png

12.​ Authorize TikTok For Business to connect using your TikTok Account.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_b29461167867442f9d3fb98efb1b436b.png

13.​ Having successfully authorized and connected your TikTok account, you will be able to Register for a brand new or Log in to an existing TikTok For Business Account.

  • ​If you have previously signed up for a TikTok for Business Account using your TikTok Account here, you will notice that your TikTok For Business account is already connected.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_4c8e63f52e2c430c807adac2e3e5c82f.png

14.​ Having successfully connected your TikTok For Business account, you will be prompted to connect (or create) your TikTok Business Center.

  • ​To create a new TikTok Business Center, click Create New under the Business Center section.

  • ​To connect an existing TikTok Business Center*, select one that belongs to your TikTok For Business account and click Connect.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_49a322773dcd4dbba903bb355b641800.png

15.​ Then connect your TikTok Ad account or select an existing TikTok Ad account associated with your TikTok For Business account and click Connect.

  • ​To create a new TikTok Ad account, click Create new.

  • ​To connect an existing TikTok Ad account, select one that belongs to your TikTok For Business account* and click Connect.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_d5101bb352d8462ea28dacf603366766.png

16.​ Having successfully connected your TikTok account, TikTok For Business account, TikTok Business Center, and Ad account, you should see checkmarks beside each of them:

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_cdaabb0d121e44e9a199db6c8f4a7ca2.png

17.​ The next step is installing the TikTok Pixel embedded in our integration:

  • ​If you do not currently have a developer mode Pixel, or have installed your developer-mode TikTok pixel recently (<2 months of use), follow the instructions below:

    • Remove your existing developer-mode TikTok pixel from your commerce site - Make sure it is not being currently used by any active campaigns.

    • ​Return to the integration set-up and click “Create New” to create and install a new pixel.

    • Make sure the “Advanced Matching” feature is ON to improve the match rate between TikTok ad clicks and conversions that happen on your website.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_5a03f8368eb1473d980e701a4059e579.png
  • ​If you are an established developer-mode pixel user (>2 months of use) and prefer to keep yours, follow the instructions below.

    • Proceed with the integration set-up and click “Create New” to create and install a new pixel.

    • ​After completing the integration set-up in all its parts (see following pages), you will be able to remove the newly-installed pixel with the support of your developer by following the instructions here. You will then be able to use your existing developer-mode Pixel and the new integration seamlessly.


NOTE: By deactivating the newly-installed pixel, you won’t be able to leverage on the Advanced Matching feature


18.​ Set up your product catalog syncing by clicking Create New. This will sync your existing product catalog onto your TikTok Business Center.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_8d3dad96f7d64261ba2f0d40ee8f60fc.png

NOTE: Catalog is required to set up your TikTok E-Commerce Platform Partner Integration. The ability to create a catalog and/or use catalog-based ad solutions may vary based on your market and region; learn more about catalog here.


19.​ Once each section is completed, click Finish Setup.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_750fdf8ad1c34db1970498073a28a2c3.png

20. You can then choose to get started with TikTok Ads.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_3b0ad48d91d248e4b710f5bfab544f55.png

Campaign Creation

If you select Create Now, you will be taken to the ad creation module.

  1. ​ Fill out all the fields needed to generate a conversion campaign.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_f895c888e9f34ffcab93ac316f764219.png
  • Campaign Name — Choose a name for your ad campaign. This is for internal reference only and is not visible to users.

  • ​Promotion Type — Select what you will be promoting (a product from your synced catalog or your store’s homepage URL).

  • Ad Creative — Set up your video creative by either uploading your own video or utilizing TikTok’s Smart Video creation tool.

  • Display Name & Profile Image (under Advanced Settings) — Deliver your ads with a custom profile image and display name that will be shown to users.

  • Conversion event — Select which event you want to optimize for. See the full list of optimization events enabled for your VTEX store here.

  • Audience targeting — Choose an audience you would like to target based on your product and experience

  • Budget & Schedule — Set your campaign budget and schedule the first date & time for delivery. The system will automatically optimize delivery to keep the best cost-per-action.


Smart Video Generator Tool
  1. ​ If you don’t have an existing video, you can use TikTok’s Smart Video Generator tool to automatically create a video using product photos and images uploaded from your computer. This is a helpful solution if you don’t have video production capability or video editing experience.

  2. ​ Click Create video under Ad creative to get started.

  • ​Drag and reorder images to finalize the flow of the video ad.

  • ​Optionally add a discount price and product information text.

  • ​Set the video style:

    • Dynamic — The video generated is fast paced.

    • Peaceful — The video generated is slower paced.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_f2f9501d6faa4d96ba6f17b559cc9e03.png

3. ​Select Next

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_902a362ecf744ff99d6ea1193124b8f8.png

4. ​You will then be prompted to Submit your campaign.

https://lf16-cognition-tos.ibytedtos.com/obj/cognition-sg-public/attachment_8ecfa0db9d184c1da26b429f5b501f1e.png

NOTE: Billing & Payment information must be set up in order to start creating and delivering ads


Content