Ajouter des blocs de contenu sur site à votre boutique Shopify

Apprenez à créer un bloc de contenu sur site dans le Customer Hub et à l’afficher sur votre vitrine Shopify. Les blocs de contenu sur site vous permettent de diffuser des messages personnalisés, des promotions et des appels à l’action directement sur votre vitrine, tout en tirant parti des fonctionnalités de ciblage et de personnalisation de Klaviyo.

Avant de commencer

Avant de créer un bloc de contenu sur site, assurez-vous que :

• Klaviyo Customer Hub est activé pour votre boutique, et votre compte a accès aux fonctionnalités de personnalisation de Klaviyo Customer Hub.
• Vous utilisez un thème Shopify qui prend en charge le bloc d’application du thème Klaviyo Content Block.
• Si vous prévoyez d’utiliser des tags de personnalisation (par exemple, le prénom d’un client), la visibilité de votre bloc de contenu est définie sur Clients connectés. L’éditeur empêche la publication de blocs personnalisés dont la visibilité est définie sur Tous les clients ou Clients déconnectés.

Créez un bloc de contenu sur site

1. Dans Klaviyo, accédez à Customer Hub > Design.
2. Faites défiler jusqu’à la section Onsite content blocks.
3. Cliquez sur Créer un bloc.
4. Choisissez l’une des options suivantes :
   • Réutilisez un tiroir existant ou un bloc de contenu sur site : sous Vos blocs, cliquez sur Ajouter un bloc sur le bloc que vous souhaitez copier.
   • Commencez avec un modèle de la bibliothèque de blocs de contenu de Klaviyo : cliquez sur Ajouter un bloc dans un modèle.
   • Créez un nouveau bloc de contenu : cliquez sur Créer votre flux.
5. Dans l’onglet Contenu, concevez votre contenu en ajoutant :
   • Un titre dans En-tête de bloc et le corps du texte dans Paragraphe de bloc
   • Images (facultatif)
   • Destination du lien (facultatif)
   • Tags de personnalisation, tels que le prénom du client
6. Pour rendre le bloc cliquable, saisissez une destination dans le champ Lien. Pour ouvrir la page des codes de réduction de Klaviyo Customer Hub, saisissez #k-hub/coupons, puis laissez l’option Ouvrir le lien dans un nouvel onglet décochée. Laissez Lien vide si le bloc doit uniquement afficher des informations.
7. Saisissez un Nom interne. Ce nom est utilisé pour l’identification et les traductions, et n’est pas visible pour les acheteurs. Choisissez-le avant de publier. Vous ne pouvez pas le modifier ensuite.
8. Définissez Visibilité pour choisir quels acheteurs peuvent voir le bloc. Pour cibler des listes ou des segments spécifiques, utilisez Afficher pour et Ne pas afficher pour sous Ciblage.
9. Dans l’onglet Style, ajustez l’apparence du bloc, y compris les dimensions et la mise en forme, selon vos besoins.
10. Cliquez sur Publier.

Après la publication, l’ID unique du bloc apparaît sous Block UUID dans l’onglet Content. Vous utiliserez cet ID lorsque vous ajouterez le bloc à votre thème Shopify.

Important : si votre contenu inclut des balises de personnalisation, mettez à jour la visibilité pour qu’elle s’affiche sur les acheteurs connectés avant de le publier. La personnalisation n’est pas disponible pour les visiteurs anonymes.

Ajouter le bloc de contenu à votre thème Shopify

Une fois que vous avez publié votre bloc de contenu :

1. Dans Klaviyo, ouvrez l’onglet Contenu du bloc, puis utilisez le contrôle de copie à côté de UUID du bloc.
2. Dans Shopify, accédez à Boutique en ligne > Thèmes.
3. Cliquez sur Personnaliser pour ouvrir l’éditeur de thème.
4. Ouvrez le modèle à l’endroit où vous souhaitez que le bloc de contenu apparaisse (par exemple, le modèle de votre page Produit).
5. Cliquez sur Ajouter un bloc.
6. Sélectionnez Klaviyo Content Block.
7. Collez dans le champ Content Block ID l’UUID que vous avez copié depuis Klaviyo.
8. Déplacez le bloc à l’emplacement de votre choix dans la mise en page.
9. Cliquez sur Enregistrer.

Le bloc de contenu peut désormais apparaître partout où vous avez placé le bloc d’application Klaviyo Content Block, pour les acheteurs qui correspondent à ses paramètres de visibilité et de ciblage.

Prévisualiser et tester votre bloc de contenu

Si votre bloc de contenu est configuré pour Clients connectés, testez-le sur votre boutique en ligne en étant connecté à un compte client. Un aperçu sans session client connectée n’affichera pas le bloc.

Pour tester le placement, le style et la personnalisation :

1. Conservez les paramètres Visibilité et Ciblage prévus pour le bloc. Si vous les avez modifiés, cliquez sur Publier dans Klaviyo avant de tester.
2. Ouvrez la page de la vitrine sur laquelle vous avez placé le bloc d’application. Si le bloc est défini sur Acheteurs connectés, connectez-vous à un compte client.
3. Confirmez l’emplacement, le style, le texte, et la destination du lien. Si vous utilisez le ciblage par liste ou par segment, testez avec un client de l’audience prévue.
4. Si vous devez apporter des modifications, revenez à Klaviyo Customer Hub > Design, sélectionnez le bloc, mettez-le à jour, puis cliquez sur Publier. Actualisez la page de la vitrine et testez à nouveau.

Remarque : Les blocs personnalisés ne peuvent pas être publiés avec la visibilité Tous les acheteurs ou Acheteurs déconnectés. Lorsque vous testez du contenu qui utilise des tags de personnalisation, conservez l’option Acheteurs connectés sélectionnée.

Exemples de cas d’utilisation

Les blocs de contenu sur site peuvent être utilisés pour :

• Faites la promotion d’offres spécifiques sur les pages des produits.
• Affichez des codes de réduction exclusifs pour les Clientèles VIP.
• Mettez en avant vos avantages en matière de fidélisation ou de récompenses.
• Personnalisez les messages promotionnels à l’aide des propriétés du profil client.
• Dirigez les acheteurs vers le Customer Hub pour utiliser les codes de réduction ou consulter des offres personnalisées.

Comment ça marche

Lorsqu’un acheteur visite une page contenant un bloc de contenu Klaviyo :

• Klaviyo récupère le contenu publié à l’aide de l’identifiant du bloc de contenu.
• Les règles de ciblage déterminent si l’acheteur doit voir le contenu.
• Pour un bloc défini sur Clients connectés, les tags de personnalisation sont renseignés à l’aide du profil Klaviyo du client connecté.
• Les liens configurés pour ouvrir le Customer Hub permettent aux acheteurs de profiter directement de l’expérience pertinente, notamment de leurs codes de réduction disponibles.

Cela vous permet de créer du contenu promotionnel dynamique et réutilisable sans modifier votre thème Shopify à chaque fois que votre message change.