Concevoir un paywall avec Remote Config

Le Remote Config de paywall est un outil puissant qui offre des options de configuration flexibles. Il permet d’utiliser des charges JSON personnalisées pour adapter vos paywalls avec précision. Vous pouvez y définir divers paramètres tels que les titres, les images, les polices, les couleurs, et bien plus encore.

Pour commencer à personnaliser un paywall avec Remote Config :

1. Ouvrez la section Paywalls dans le menu principal d’Adapty.

2. Cliquez sur le paywall pour l’ouvrir.

3. Passez à l’onglet Remote config.

Remote Config propose 2 vues :

• Table
• JSON

Les vues Table et JSON contiennent les mêmes éléments de configuration. La seule différence est une question de préférence, à ceci près que la vue Table propose un menu contextuel, ce qui peut s’avérer utile pour corriger des erreurs de localisation.
Vous pouvez basculer entre les vues en cliquant sur l’onglet Table ou JSON à tout moment.

Quelle que soit la vue choisie pour personnaliser votre paywall, vous pouvez ensuite accéder à ces données depuis le SDK via les propriétés remoteConfig ou remoteConfigString de AdaptyPaywall, et apporter des ajustements à votre paywall. Vous pouvez également mettre à jour les valeurs du Remote Config par programmation via l’API côté serveur afin de modifier dynamiquement les configurations de paywall sans intervention manuelle dans le tableau de bord. Voici quelques exemples d’utilisation d’un Remote Config.

{
    "screen_title": "Today only: Subscribe, and get 7 days for free!"
}

# Test titles or others texts

{
    "background_image": "https://adapty.io/media/paywalls/bg1.webp"
}

# Test images on your paywall

{
    "font_family": "San Francisco",
    "font_size": 16
}

# Test fonts

{
    "subscribe_button_color": "purple"
}

# Test colors of buttons, texts etc.

{
    "photo_gallery": "https://adapty.io/media/paywalls/link-to-html-snippet.html"
}

# Any HTML code that can be displayed on the paywall

{
    "hard_paywall": true
}

# By setting it to true, you disalow skipping paywall without subscribing
# You have to handle this logic in your app

{
    "title": {
        "en": "Try for free!",
        "es": "¡Prueba gratis!",
        "ru": "Попробуй бесплатно!"
    }
}

Vous pouvez combiner différentes options et créer les vôtres. Vous pouvez ainsi tester différents titres, textes, images, polices, couleurs, etc.

Vue JSON du Remote Config

Dans la vue JSON du Remote Config, vous pouvez saisir n’importe quelle donnée au format JSON :

Vue Table du Remote Config

Si vous n’avez pas l’habitude de travailler avec du code et que vous devez corriger certaines valeurs du JSON, Adapty propose la vue Table.

Il s’agit d’une copie de votre JSON sous forme de tableau, facile à lire et à comprendre. Un code couleur permet de distinguer les différents types de données.

Pour ajouter une clé, cliquez sur le bouton Add row. Nous vérifions automatiquement la correspondance des valeurs et des types, et affichons une alerte si vos corrections risquent de produire un JSON invalide.

Les options supplémentaires de ligne sont surtout utiles pour les localisations de paywall :

Il est maintenant temps de créer un placement et d’y ajouter le paywall. Ensuite, vous pourrez afficher vos paywalls Remote Config iOS, Android, React Native, Flutter, et Unity dans votre application mobile.