---
title: "Дизайн пейвола с Remote Config"
description: "Настройте ваш пейвол с помощью Remote Config в Adapty для более точного таргетинга."
---

Remote Config пейвола — это мощный инструмент с гибкими настройками. Он позволяет использовать произвольные JSON-данные для точной настройки ваших пейволов. С его помощью можно задавать различные параметры: заголовки, изображения, шрифты, цвета и многое другое.

<details>
   <summary>Перед тем как начать настройку пейвола (нажмите, чтобы развернуть)</summary>

   1. [Создайте продукт](create-product).
2. [Создайте пейвол и добавьте в него продукт](create-paywall).
</details>

Чтобы начать настройку пейвола с помощью Remote Config:

1. Откройте раздел [**Paywalls**](https://app.adapty.io/paywalls) в главном меню Adapty.

2. Нажмите на пейвол, чтобы открыть его.

  <img src="/assets/shared/img/remote-config.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

3. Перейдите на вкладку **Remote config**.

  <img src="/assets/shared/img/remote-config-3.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

Remote Config имеет 2 режима отображения:

- [Таблица](customize-paywall-with-remote-config#table-view-of-the-remote-config)
- [JSON](customize-paywall-with-remote-config#json-view-of-the-remote-config)

Оба режима — **Table** и **JSON** — содержат одни и те же элементы конфигурации. Разница лишь в удобстве: в табличном режиме есть контекстное меню, которое может помочь при исправлении ошибок локализации.  
Переключаться между режимами можно в любой момент, нажимая на вкладку **Table** или **JSON**.

Каким бы режимом вы ни пользовались для настройки пейвола, впоследствии вы сможете получить доступ к этим данным из SDK через свойства `remoteConfig` или `remoteConfigString` объекта `AdaptyPaywall` и внести дополнительные изменения в пейвол. Также можно программно обновлять значения Remote Config через [server-side API](api-adapty/operations/updatePaywall), чтобы динамически изменять конфигурацию пейволов без ручного обновления в дашборде. Вот несколько примеров того, как можно использовать Remote Config.

<Tabs groupId="current-os" queryString>
  <TabItem value="Titles" label="Заголовки" default>
```json showLineNumbers
{
    "screen_title": "Today only: Subscribe, and get 7 days for free!"
}

# Test titles or others texts
```
</TabItem>
<TabItem value="Images" label="Изображения" default>
```json showLineNumbers
{
    "background_image": "https://adapty.io/media/paywalls/bg1.webp"
}

# Test images on your paywall
```
</TabItem>
<TabItem value="Fonts" label="Шрифты" default>
```json showLineNumbers
{
    "font_family": "San Francisco",
    "font_size": 16
}

# Test fonts
```
</TabItem>
<TabItem value="Color" label="Цвет" default>
```json showLineNumbers
{
    "subscribe_button_color": "purple"
}

# Test colors of buttons, texts etc.
```
</TabItem>
<TabItem value="HTML" label="HTML" default>
```json showLineNumbers
{
    "photo_gallery": "https://adapty.io/media/paywalls/link-to-html-snippet.html"
}

# Any HTML code that can be displayed on the paywall
```
</TabItem>
<TabItem value="Soft/Hard Paywall" label="Soft/Hard Paywall" default>
```json showLineNumbers
{
    "hard_paywall": true
}

# By setting it to true, you disalow skipping paywall without subscribing
# You have to handle this logic in your app
```
</TabItem>
<TabItem value="Translations" label="Переводы" default>
```json showLineNumbers
{
    "title": {
        "en": "Try for free!",
        "es": "¡Prueba gratis!",
        "ru": "Попробуй бесплатно!"
    }
}
```
</TabItem>
</Tabs>

Вы можете комбинировать разные варианты и придумывать собственные. Так можно тестировать заголовки, тексты, изображения, шрифты, цвета и многое другое.

### JSON-режим Remote Config \{#json-view-of-the-remote-config\}

В режиме **JSON** можно вводить любые данные в формате JSON:

  <img src="/assets/shared/img/3356ff5-remote_config_JSON.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

### Табличный режим Remote Config \{#table-view-of-the-remote-config\}

Если работа с кодом вам непривычна и нужно скорректировать некоторые значения JSON, в Adapty есть режим **Table**.

  <img src="/assets/shared/img/4c27b2f-remote_config_table.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

Это представление вашего JSON в виде таблицы, которую легко читать и понимать. Цветовая маркировка помогает различать типы данных.

Чтобы добавить ключ, нажмите кнопку **Add row**. Мы автоматически проверяем соответствие значений и типов и показываем предупреждение, если ваши изменения могут привести к некорректному JSON.

  <img src="/assets/shared/img/ef682d8-add_raw.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

Дополнительные параметры строк особенно полезны при [локализации пейволов](add-remote-config-locale):

  <img src="/assets/shared/img/17bcf80-remote_config_table_options.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

Теперь пора [создать плейсмент](create-placement) и добавить в него пейвол. После этого вы сможете <InlineTooltip tooltip="отображать пейволы с Remote Config">[iOS](present-remote-config-paywalls), [Android](present-remote-config-paywalls-android), [React Native](present-remote-config-paywalls-react-native), [Flutter](present-remote-config-paywalls-flutter) и [Unity](present-remote-config-paywalls-unity)</InlineTooltip> в своём мобильном приложении.