> For the complete documentation index, see [llms.txt](https://whatmore.gitbook.io/whatmore/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://whatmore.gitbook.io/whatmore/setup-and-integration/getting-started/shopify.md).

# Shopify

<details>

<summary>Step 1: Install Shopify app</summary>

Install the Whatmore Shopify app in your Shopify store: <https://apps.shopify.com/whatmore-live>

</details>

<details>

<summary>Step 2: Activate subscription</summary>

Select a plan by visiting the **Plan** section in the app. You get a 7-day free trial after activating the subscription plan.

</details>

<details>

<summary>Step 3: Upload content</summary>

In **Video Content** go to **Add Video** to upload content from your local computer or import directly from Instagram by specifying the username or pasting the Instagram reel directly.

***Note:** For importing videos from Instagram in bulk, reach out to us.*

</details>

<details>

<summary>Step 4: Tag products</summary>

Once the videos are uploaded, the next step is to tag products on the videos. Click on the video in **Video Content** and tag products in the right drawer. You can tag multiple products in a video as well.

![](/files/EkaxICx0v9Ao3iScXafZ)

</details>

<details>

<summary>Step 5: Enable videos for Homepage</summary>

For adding the videos to the homepage video carousel, toggle **Enable on Homepage** button to enable/disable the video on Homepage Carousel.&#x20;

***Note**: It is enabled by default while uploading the video.*

</details>

<details>

<summary>Step 6: Add video carousel in Homepage</summary>

**Homepage Carousel**

* To enable the carousel on the homepage, go to the theme editor. Select the **Whatmore Carousel** section from the dropdown and add the section.![](/files/GIzLE2yRj8hQbHENOOfV)
* Customize the look & feel of the carousel (options available in the section):
  * **Heading**: section heading. Ex. Watch and Shop
  * **Tile type**: choose any template that suits you best
  * **Video view count**: show or hide views on the video carousel.
  * **Primary theme color**: color used for the section heading text.
  * **Secondary theme color**: used for the **Add to cart** button, other CTA, etc.
  * **Title font**: the font used in the heading.
  * **Primary font**: the font used for product details, etc. in the video.
  * **Title font size**: the size for the heading.

***Note:***

*Sometimes, the theme editor blocks the section in the dropdown options. In such cases, please add the code snippet from* [*here*](https://www.notion.so/d2be4b0da5764e9dbd95a31f6a7c55a7) *in the theme by going to Edit Code.*

</details>

<details>

<summary>Step 7: Add video popup in the product page</summary>

**Product Page Video Popup**

* To enable the video popup on the product page, go to theme editor > app embed. Enable Whatmore Product View.

![](/files/p3kYJIggP1HgOTmhylkI)

* Customize the look & feel of the video popup (options available on expanding the Whatmore app embed):
  * Control the video popup size on mobile & desktop.
  * select font & color to match your theme.

</details>