Nous nous efforçons non seulement de simplifier votre journée, mais aussi celle de vos clients ! C'est pourquoi nous offrons la possibilité d'intégrer un iFrame de votre boutique en ligne directement dans votre site web, afin que vos participants puissent naviguer, se connecter, s'enregistrer et payer tout en restant sur votre site.

Si vous n'êtes pas familier avec son fonctionnement, nous vous recommandons de regarder notre webinaire sur les bases de l'intégration d'iFrame et de l'API.


Dans cet article, nous passerons en revue :

  1. Comment personnaliser votre boutique intégrée

  2. Comment intégrer votre iFrame dans votre site web

  3. Comment le fureteur de Safari interagit avec votre iFrame

1. Comment personnaliser votre boutique intégrée 

Avant d'intégrer le iFrame de votre boutique en ligne, vous devez choisir une couleur et un page de départ à partir du sous-onglet Boutique > Réglages de boutique > Boutique intégrée :

  • Choisissez une couleur qui correspond à l'esthétique de votre site web. Vous pouvez choisir une couleur en sélectionnant sur une nuance prédéfinie, en bougeant l'échelle de couleur ou en écrivant votre code de spécifique pour avoir la couleur exacte que vous voulez.

  • Choisissez une page de départ que vous aimeriez afficher en tant que page par défaut.

Pour voir un aperçu de votre iFrame, faites simplement défiler la page vers le bas, jusqu'à la section Aperçu de la boutique intégrée. À tout moment, vous pouvez ajouter/cacher des pages de boutique via l'onglet Boutique > Personnaliser


2. Comment intégrer votre iFrame dans votre site web

Pour intégrer votre boutique en ligne dans votre site web vous devez :

  • Inscrire l'adresse URL de votre site dans la section Site Web. Il est possible d'ajouter plusieurs URL en les inscrivant sur des lignes séparées.
    Nos mesures de sécurité empêchent les sources extérieures d'intégrer l'iFrame dans un autre site web.

  • Nous vous suggérons de tester avec le Code de test avant d'utiliser le Code de production pour s'assurer qu'il fonctionne. Lorsque vous êtes prêt, copiez et collez le code de production HTML à l'emplacement souhaité sur votre site.

Pour intégrer l'iFrame, cliquer avec le bouton droit sur la page web et sélectionner « Afficher la source de la page ». Vous devez coller le code de production à l'endroit approprié dans le volet HTML. Nous suggérons que votre administrateur de site web ou une personne connaissant le HTML effectue cette action. Contactez-nous à support@amilia.com si vous avez besoin d'aide.

Si vous préférez, vous pouvez intégrer des boutons sur votre site web qui redirigeront à votre boutique SmartRec.


3. Comment le fureteur de Safari interagit avec votre iFrame

Les clients naviguant avec Safari sur leurs produit(s) Apple devront cliquer sur un ou deux boutons supplémentaires afin d'interagir avec votre iFrame.

  • Si 30 jours ou plus se sont écoulés depuis que le client s'est connecté à son compte utilisateur, le message ci-dessous apparaît après avoir cliqué sur l'iFrame :

  • Si moins de 30 jours se sont écoulés depuis que le client s'est connecté à son compte utilisateur, le message ci-dessous apparaît après avoir cliqué sur l'iFrame :

Si les clients autorisent les cookies, ils peuvent continuer à naviguer sur l'iFrame. Si les clients refusent d'autoriser les cookies, ils seront redirigés vers votre boutique sur la plateforme SmartRec.



Vous pourriez aussi être intéressé par :

Personnaliser votre boutique en ligne

Lier SmartRec à votre site

Analyse du marketing et de l'engagement de votre boutique

Avez-vous trouvé votre réponse?