# Mobile app



# Mobile app: Sub campaign

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/screenshot-2020-04-29-at-19-12-41-png.png) Getting started

In this article, you can find information about the mobile app: sub campaign sub-category. Sub campaigns are blocks of desired content like products, promotion pages, or opensets that will be visible in the mobile app directly below the carousel. Customers are able to select these blocks in order to be redirected to the desired page.

<span class="wysiwyg-color-black" style="color: #44549b;">![info2.svg](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/info2-svg.png) **Remember**</span><span class="wysiwyg-color-black" style="display: block; margin-top: 10px;">You can find more information about the mobile app and other sub-categories in the [Mobile app](https://knowledge.tauceti-digital.com/books/e-commerce/page/mobile-app) article.</span><span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span style="color: #4054a0;"></span>

<table id="bkmrk-visualization-of-the" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: 348.017px;">![POWERPNT_qUDVHHQUFN.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7494663247260.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: 348.017px;"><span class="wysiwyg-font-size-medium">*Visualization of the sub campaign on the mobile app* </span></td></tr></tbody></table>

To open the sub campaign view, in the admin panel, navigate to:  
***Mobile app &gt; sub campaign***

All possible operations to perform on the **sub campaign** view can be done in the **Filters <span style="color: #4054a0;">(1)</span>**, and **Sub campaigns<span class="title"> </span><span style="color: #4054a0;">(2) </span>**tabs.

<table id="bkmrk-visualization-of-the-1" style="margin-right: auto; margin-left: auto; height: 44px; width: 813px;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: 801.233px;">![POWERPNT_Bq5F5TpVD8.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7494490815132.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: 801.233px;"><span class="wysiwyg-font-size-medium">*Visualization of the sub campaign sub-category* </span></td></tr></tbody></table>

Table of contents:

1. [ Filters section](#bkmrk-filters-section)
2. [Sub campaign](#bkmrk-sub-campaign)
3. [ Creating a sub campaign](#bkmrk-creating-a-sub-campa)

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/screenshot-2020-04-29-at-19-12-41-png.png) Filters section

The **Filters** section allows sorting of the sub campaigns in the mobile app module, based on the available filters. Below you will find a description of available filters

<table id="bkmrk-visualization-of-the-2" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_KKaSubXFXD.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7215620746268.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the filters section* </span></td></tr></tbody></table>

- **Is active?** - Sub campaign activity status.
- **Date start** - A range of dates that indicate the start date of the sub campaign.
- **Date end** - A range of dates that indicate the end date of the sub campaign.

After defining the above filters, select the **Apply Filters** button to get a list of sites according to the applied filters.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/screenshot-2020-04-29-at-19-12-41-png.png) Sub campaign

The **Sub campaign** section allows organizing the filtered featured sub campaigns, edit them and create new ones and delete them.

Below you will find a description of all possible actions you can perform in the sub campaign section in the admin panel.

<table id="bkmrk-visualization-of-the-3" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_xhVaU6BZEe.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7494490816284.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the sub campaign section* </span></td></tr></tbody></table>

- Select the **Show X entries<span style="color: #4054a0;">(1)</span>** field to set the number of sub campaigns, displayed on one page (min 10 / max 100).
- The names of the columns **<span style="color: #4054a0;">(2)</span>** that contain information about a target sub campaign. Each column is susceptible to sorting.  
    To sort the records, click on the title of the column in question. 
    - **ID** - An internal ID of the sub campaign.
    - **Internal name** - Internal name of the sub campaign.
    - **Place** - Place identification: homepage / boutique. Field is used by mobile application to distinguish which banners should go to home view and which to boutique view.
    - **Sort order** - Sort order of the sub campaign.
    - **Date start** - Start date when the sub campaign will be visible to the customers.
    - **Date End** - End date when the sub campaign will be hidden from the customers.
    - **Is active?** - Activity status of the sub campaign.
    - **Actions** - List of buttons with possible actions that can be done to the sub campaign.  
        
        - **Edit** - Edit desired sub campaign. As editing contains exactly the same fields and actions as creating a new sub campaign you can read more about it in the [ Creating a sub campaign](#bkmrk-creating-a-sub-campa) chapter.
        - **Delete** - Deletes the selected sub campaign without the ability to restore it.
- Select the **Add <span style="color: #4054a0;">(3)</span>** button to go to the adding the new sub campaign. You can learn more about adding of the sub campaign in the [ Creating a sub campaign](#bkmrk-creating-a-sub-campa) chapter.
- **Search box <span style="color: #4054a0;">(4)</span>** where you can search for sub campaigns by their system name.
- **Page buttons<span style="color: #4054a0;">(5)</span>**, which allow users to change the page of the currently viewed content.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/screenshot-2020-04-29-at-19-12-41-png.png) Creating a sub campaign

<span class="title">Add button allows users to create a new sub campaign.  
</span>

<span class="title">Below, you will find a description of all possible fields that can be edited while creating a new sub campaign in the admin panel.  
</span>

<table id="bkmrk-visualization-of-the-4" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_TfdhifBp22.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7494362242204.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the creating the sub campaign* </span></td></tr></tbody></table>

- **Internal name** (mandatory) - Internal name of the sub campaign.
- **Place** (mandatory) - Place identification: homepage / boutique. Field is used by mobile application to distinguish which banners should go to home view and which to boutique view.
- **Link type** (mandatory) - Type of a link available in the sub campaign. Depending on the selected type the **Object ID** field will require different input. There are 5 types of links: 
    - Product - Product available on the website.
    - Category (tag) - Category tag available on the website.
    - Promotion page - The promotion page available on the website.
    - Openset page - Openset page available on the website.
    - Custom view - Custom object programmed by the mobile app developers.
- **Object ID** (mandatory) - ID of an object selected in **Link type** section. 
    - Product - Product SKU i.e. J12345
    - Category (tag) -Tag ID i.e. 76938
    - Promotion page - Promotion page internal ID i.e. 1234
    - Openset page - Openset internal ID i.e. 765
    - Custom view - Custom field that doesn't have any validation. Custom values configured and programmed by mobile app developers can be put here.
- **Small image** (mandatory) - Small image of the sub campaign. Recommended image size is 200x400px. This image will be visible to the customers.
- **Medium image** (mandatory) - Medium image of the sub campaign. Recommended image size is 400x600px. This image will be visible to the customers.
- **Large image** (mandatory) - Large image of the sub campaign. Recommended image size is 800x1000px. This image will be visible to the customers.
- **Start date** - Start date when the sub campaign will be visible to the customers.
- **End date** - End date when the sub campaign will be hidden from the customers.
- **Sort order** (mandatory) - Sort order of the sub campaign. The lower the sort order the earlier in the order selected sub campaign will be visible to the customer.
- **Is active?** - Switch, which defines if the selected sub campaign is visible in the mobile app.

With all necessary fields filled, you can save the changes using the **save** button.

# Mobile app: Carousel

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/KTCscreenshot-2020-04-29-at-19-12-41-png.png) Getting started

In this article, you can find information about the mobile app: Carousel sub-category. Carousel is equivalent to sliders on the e-commerce platform, except it shows only the first carousel depending on their sort order and after selecting it customer will see a story (similar to Instagrams stories), where every available carousel is visible for a short time.

<span class="wysiwyg-color-black" style="color: #44549b;">![info2.svg](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/DhYinfo2-svg.png) **Remember**</span><span class="wysiwyg-color-black" style="display: block; margin-top: 10px;">You can find more information about the mobile app and other sub-categories in the [Mobile app](https://knowledge.tauceti-digital.com/books/e-commerce/page/mobile-app) article.</span><span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span style="color: #4054a0;"></span>

<table id="bkmrk-visualization-of-the" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_8h2xnGZ7Ew.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7215629556508.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the carousel story on the mobile app* </span></td></tr></tbody></table>

To open the Carousel view, in the admin panel, navigate to:  
***Mobile app &gt; Carousel***

All possible operations to perform on the **Carousel** view can be done in the **Filters <span style="color: #4054a0;">(1)</span>**, and **Carousel<span class="title"> </span><span style="color: #4054a0;">(2) </span>**tabs.

<table id="bkmrk-visualization-of-the-1" style="margin-right: auto; margin-left: auto; height: 44px; width: 813px;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: 801.233px;">![POWERPNT_z3bTjaChRk.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7259165287324.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: 801.233px;"><span class="wysiwyg-font-size-medium">*Visualization of the carousel sub-category* </span></td></tr></tbody></table>

Table of contents:

1. [ Filters section](#bkmrk-filters-section)
2. [Carousel](#bkmrk-carousel)
3. [ Creating a carousel](#bkmrk-creating-a-carousel)
4. [ Application view](#bkmrk-application-view)

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/KTCscreenshot-2020-04-29-at-19-12-41-png.png) Filters section

The **Filters** section allows sorting of the carousel in the mobile app module, based on the available filters. Below you will find a description of available filters

<table id="bkmrk-visualization-of-the-2" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_KKaSubXFXD.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/6Gx7215620746268.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the filters section* </span></td></tr></tbody></table>

- **Is active?** - Carousel activity status.
- **Date start** - A range of dates that indicate the start date of the carousel.
- **Date end** - A range of dates that indicate the end date of the carousel.

After defining the above filters, select the **Apply Filters** button to get a list of sites according to the applied filters.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/KTCscreenshot-2020-04-29-at-19-12-41-png.png) Carousel

The **Carousel** section allows organizing the filtered featured carousels, edit them and create new ones and delete them.

Below you will find a description of all possible actions you can perform in the Carousel section.

<table id="bkmrk-visualization-of-the-3" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_nCRfP96qkz.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7259165292188.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the carousel section* </span></td></tr></tbody></table>

- Select the **Show X entries<span style="color: #4054a0;">(1)</span>** field to set the number of carousels, displayed on one page (min 10 / max 100).
- The names of the columns **<span style="color: #4054a0;">(2)</span>** that contain information about a target carousel. Each column is susceptible to sorting.  
    To sort the records, click on the title of the column in question. 
    - **ID** - An internal ID of the carousel.
    - **Title** - Internal title of the carousel. This field is not visible to the customers
    - **Story title** - Story, public title of the carousel. This field is visible to the customers.
    - **Date start** - Start date when the carousel will be visible to the customers.
    - **Date End** - End date when the carousel will be hidden from the customers.
    - **Is active?** - Activity status of the carousel.
    - **Actions** - List of buttons with possible actions that can be done to the desired carousel.  
        
        - **Edit** - Edit desired carousel. As editing contains exactly the same fields and actions as creating a new carousel you can read more about it in the [ Creating a carousel](#bkmrk-creating-a-carousel) chapter.
        - **Delete** - Deletes the selected carousel without the ability to restore it.
- Select the **Add <span style="color: #4054a0;">(3)</span>** button to go to the adding the new carousel. You can learn more about adding of the carousel in the [ Creating a carousel](#bkmrk-creating-a-carousel) chapter.
- **Search box <span style="color: #4054a0;">(4)</span>** where you can search for carousels by their system name.
- **Page buttons<span style="color: #4054a0;">(5)</span>**, which allow users to change the page of the currently viewed carousel.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/KTCscreenshot-2020-04-29-at-19-12-41-png.png) Creating a carousel

<span class="title">Add button allows users to create a new carousel.  
</span>

<span class="title">Below, you will find a description of all possible fields that can be edited while creating a new carousel.  
</span>

<table id="bkmrk-visualization-of-the-4" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_X2FqvqHC2b.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7215628440476.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the creating the carousel* </span></td></tr></tbody></table>

- **Title** (mandatory) - Internal carousel name. This field is not visible to the customers.
- **Story title** (mandatory) - Public carousel name. This field is visible to the customers.
- **Description** (mandatory) - Description of the carousel. This field is visible to the customers.
- **Link type** (mandatory) - Type of a link available in the carousel. Depending on the selected type the **Object ID** field will require different input. There are 5 types of links: 
    - Product - Product available on the website.
    - Category (tag) - Category tag available on the website.
    - Promotion page - Promotion page available on the website.
    - Openset page - Openset page available on the website.
    - Custom view - Custom object programmed by the mobile app developers.
- **Object ID** (mandatory) - ID of an object selected in **Link type** section. 
    - Product - Product SKU i.e. J12345
    - Category (tag) -Tag ID i.e. 76938
    - Promotion page - Promotion page internal ID i.e. 1234
    - Openset page - Openset internal ID i.e. 765
    - Custom view - Custom field that doesn't have any validation. Custom values configured and programmed by mobile app developers can be put here.
- **Small image** (mandatory) - Small image of the carousel. Recommended image size: 200x400.
- **Medium image** (mandatory) - Medium image of the carousel. Recommended image size: 400x600.
- **Large image** (mandatory) - Large image of the carousel. Recommended image size: 800x1000.
- **Start date** - Start date when the carousel will be visible to the customers.
- **End date** - End date when the carousel will be hidden from the customers.
- **Sort order** (mandatory) - Sort order of the carousel. The lower the sort order the earlier in the order selected carousel will be visible to the customer.
- **Is active?** - Switch, which defines if the selected carousel is visible in the mobile app.

With all necessary fields filled, you can save the changes using the **save** button.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/KTCscreenshot-2020-04-29-at-19-12-41-png.png) Application view

Customers accessing the Yves Rocher application will view the carousel with the lowest sort order a the top of the page.

<table id="bkmrk-visualization-of-the-5" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_UvgaYbauak.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7217489602716.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the carousel on the mobile app* </span></td></tr></tbody></table>

When selecting the carousel it will open carousel story where the carousel will change the slide every 10 seconds.

<table id="bkmrk-visualization-of-the-6" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_8h2xnGZ7Ew.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7215629556508.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the carousel story on the mobile app* </span></td></tr></tbody></table>

Selecting the **discover more** button will redirect the user to the desired page set in the "**link type**" and "**object id**" part of the carousel.

<table id="bkmrk-visualization-of-the-7" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_39FqFeYeMR.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7217498676380.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the promotional page* </span></td></tr></tbody></table>

# Mobile app

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9393629507612.png) Getting started

Mobile API is an interface that allows Yves Rocher Mobile application for android and iOS to get content from Yves-Rocher website. The mobile app should get configured in the Yves Rocher admin panel in order to work properly. The mobile app has its own category in the administrator panel called "Mobile app" where content for the mobile app can be configured. Detailed information about each sub-category can be found in the separate articles listed in the [ Mobile app sub-categories](#bkmrk-mobile-app-sub-categ) section.

<span class="wysiwyg-color-black" style="color: #44549b;">![info2.svg](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9393629509276.png) **Remember**</span><span class="wysiwyg-color-black" style="display: block; margin-top: 10px;">Yves Rocher API documentation for developer use can be accessed under URL   
[https://yr-api-doc.netlify.app/](https://yr-api-doc.netlify.app/)</span><span class="wysiwyg-color-black" style="color: #d23a4e;"></span> <span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span style="color: #4054a0;"></span>

Table of contents:

1. [ Enabling the Mobile app](#bkmrk-enabling-the-mobile--1)
2. [ Mobile app sub-categories](#bkmrk-mobile-app-sub-categ)

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9393629507612.png) Enabling the Mobile app

Mobile app by default is disabled on the selected environment. In order to enable or disable it you have to navigate to:

***System &gt; System / Settings &gt; Integrations &gt; Mobile App***

<table id="bkmrk-visualization-of-the" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_7dcTYkHuUi.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7203401515932.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the mobile app system settings* </span></td></tr></tbody></table>

In the mobile app menu you can find three options:

- **Enable** - A switch that enables or disables the mobile application integration. This switch should be always turned on if the selected country is using the mobile app, as turning it off will cause an issue with API communication between Yves Rocher mobile application and Yves Rocher admin panel.
- **Gifts of choice** - An JSON of gifts of choices, which shows up in the mobile application. The JSON has to be set between two square brackets ( \[ \] ) and must include two parameters: 
    - "name" - A name of the gifts of choice section.
    - "min\_cart\_value" - A minimum cart value that needs to be met for the selected gift of choice to appear.
    - "products" - An array of product SKUs that are available in the selected gifts of choice.
    
    
    <span class="wysiwyg-color-black" style="color: #44549b;">![info2.svg](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9393629509276.png) **Example**</span><span class="wysiwyg-color-black" style="display: block; margin-top: 10px;">Below you can find an example JSON of gifts of choice.  
    \[  
    {"name": "Gifts from 100 EUR", "min\_cart\_value": 100, "products": \["P12345", "P12346"\]},  
    {"name": "Gifts from 150 EUR", "min\_cart\_value": 150, "products": \["P92345", "P92346"\]}  
    \]  
    </span>
- <label class="control-label" for="settings_paper_mailing_api_data"> **Paper Mailing** </label>- An JSON of paper mailing products that show up in the mobile application. The JSON has to be set between two curly brackets ( { } ) and must include the following parameters: 
    - "ver1" or "ver2" - a version of the paper mailing call
    - "discount\_code" - Selected discount code.
    - "products" - An array of SKUs that are available in the selected paper mailings. The array contains "SKUs" parameter which contains an array of SKU numbers.
    
    
    <span class="wysiwyg-color-black" style="color: #44549b;">![info2.svg](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9393629509276.png) **Example**</span><span class="wysiwyg-color-black" style="display: block; margin-top: 10px;">Below you can find an example JSON of gifts of paper mailing.  
    {  
    "ver1": {  
    "discount\_code": "ABCDEFG",  
    "products": \[  
    {"skus": \["P12345", "P12346"\]},  
    {"skus": \["P12345", "P12346"\]}  
    \]  
    },  
    "ver2": {  
    "offer\_id": "offer\_id\_1",  
    "discount\_code": "ABCDEFG",  
    "discount\_percentage": 10,  
    "products": \[  
    {"skus": \["12345","12346","12347"\]}  
    \],  
    "additional": {  
    "validity": "2024-12-31",  
    "ean\_image": "https://example.com/image.jpg",  
    "image\_small": "https://example.com/image-sm.jpg",  
    "image\_medium": "https://example.com/image-md.jpg",  
    "image\_large": "https://example.com/image-lg.jpg"  
    }  
    }  
    }  
    </span>

<span class="wysiwyg-color-black" style="color: #44549b;">![info2.svg](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9393629509276.png) **Remember**</span><span class="wysiwyg-color-black" style="display: block; margin-top: 10px;">You can find more about paper mailing api calls in  
[https://yr-api-doc-staging-v6.netlify.app/api-raml/#mobile\_app\_paper\_mailing\_get](https://yr-api-doc-staging-v6.netlify.app/api-raml/#mobile_app_paper_mailing_get)  
[https://yr-api-doc-staging-v6.netlify.app/api-raml/#mobile\_app\_paper\_mailing\_list\_get](https://yr-api-doc-staging-v6.netlify.app/api-raml/#mobile_app_paper_mailing_list_get)  
</span><span class="wysiwyg-color-black" style="color: #d23a4e;"></span> <span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black"></span><span style="color: #4054a0;"></span>

With an enabled mobile app all the categories described in the [ Mobile app sub-categories](#bkmrk-mobile-app-sub-categ) can be used in the mobile application.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9393629507612.png) Mobile app sub-categories

The mobile app content can be managed using the "Mobile app" category in the admin panel. In this category, you will find many different subcategories that will be read by the mobile app and shown on the application.

<table id="bkmrk-visualization-of-the-1" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_hZ5Bh7jhaA.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/7203401496220.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the mobile app sub-categories* </span></td></tr></tbody></table>

Below you will find URLs to the articles of the currently available sub-categories

- [Carousel](https://knowledge.tauceti-digital.com/books/e-commerce/page/mobile-app-carousel)
- [Sub Campaign](https://knowledge.tauceti-digital.com/books/e-commerce/page/mobile-app-sub-campaign)
- Boxes
- Homepage products
- Articles
- Current offers
- Cms elements
- Cms categories
- Catalog
- [Customer private offers](https://knowledge.tauceti-digital.com/books/e-commerce/page/customer-private-offers)