> For the complete documentation index, see [llms.txt](https://blueskytechcos-organization.gitbook.io/umino-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechcos-organization.gitbook.io/umino-shopify/theme-sections/tiktok-video.md).

# Tiktok video

Sell your products on tiktok section

{% embed url="<https://youtu.be/d-g0ryQ6Fl8>" %}

{% hint style="success" %}
Step:

1. From your admin, go to **Online store => Themes => Customize**
2. Add section **Tiktok video**
3. Setup heading and other settings as you wish
4. Open your tiktok, click to **Share button => Embed => Copy code**
5. Click to the block **Video** and paste the code you have just copy to the **Video embed url** box
6. Click **Save**
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/skBhSyZyaOpD4ZkRf7M2/Screenshot%202023-12-15%20135815.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/CFZasKA4fGK8S8lCbmjF/Screenshot%202023-12-15%20140124.png" alt=""><figcaption></figcaption></figure>

## Tiktok video settings

#### 1. Section header

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.&#x20;

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/PtAmN2lALyyeASyAS6pq/image.png" alt=""><figcaption></figcaption></figure>

#### 2. General settings

**Layout:** You can choose between Container, Wrapped container, Full width for the banner layout.

**General settings** allow you to determine type of section, number of columns per row and column gap.

**Color schema:** You are allowed to change text color, background color with preset color.

Select **Autoplay** option to run the list automatically.

You can also use pagination or navigation through **Show arrows** and **Dot**.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/zyN1wvtXP4IaBixECeAk/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/pFnvqTYKLhyXwJP6XTVG/image.png" alt=""><figcaption></figcaption></figure>

#### 3. Section padding

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/PqeKW7ZAP1dM8UAJYIvX/image.png" alt=""><figcaption></figcaption></figure>

## Video embed link on Tiktok

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/xDCCbxSvcIWp1eL1B1iM/Screenshot%202023-12-15%20140424.png" alt=""><figcaption></figcaption></figure>