# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://whatmore.gitbook.io/whatmore/setup-and-integration/getting-started/shopify.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.