Comment créer une popup dans Klaviyo ?
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.19.0″ _module_preset=”default” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” custom_padding=”||23px||false|false” hover_transition_duration=”0ms” global_colors_info=”{}”][et_pb_row _builder_version=”4.19.0″ _module_preset=”default” min_height=”338.3px” custom_margin=”-30px|auto||auto||” custom_padding=”||||true|false” animation_style=”fade” animation_duration=”100ms” hover_transition_duration=”0ms” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.1″ _module_preset=”default” text_font=”Poppins|300|||||||” text_text_color=”#000000″ text_font_size=”1.06em” text_line_height=”1.6em” width=”100%” max_width=”90%” module_alignment=”center” min_height=”203px” min_height_tablet=”auto” min_height_phone=”” min_height_last_edited=”on|desktop” height_tablet=”auto” height_phone=”auto” height_last_edited=”on|tablet” max_height=”451px” max_height_tablet=”451px” max_height_phone=”1000px” max_height_last_edited=”on|phone” custom_margin=”0px|337px|0px|22px|false|false” custom_padding=”23px|20px||20px|false|true” animation_style=”fold” animation_direction=”left” animation_duration=”0ms” hover_transition_duration=”0ms” hover_enabled=”0″ border_radii=”on|10px|10px|10px|10px” border_width_all=”2px” border_color_all=”#30c9d1″ border_style_all=”dashed” box_shadow_style=”preset4″ box_shadow_horizontal=”7px” box_shadow_vertical=”6px” box_shadow_blur=”15px” global_colors_info=”{}” sticky_enabled=”0″]Les popup sont le type de formulaire d’inscription qui convertit le plus. Il n’est pas rare qu’un taux de participation à un jeu-concours ou un taux d’abonnement à une newsletter soit multiplié par 5 suite à l’usage d’une popup. En effet, elles apparaissent au-dessus du contenu de votre site et empêchent temporairement les visiteurs d’interagir avec d’autres éléments de votre site.
Cela les rend aussi bien plus intrusives que les autres types de formulaires.
Il existe deux cas d’utilisation courants de popup :
- La Popup de bienvenue : c’est une popup qui va inciter les visiteurs de votre site à rejoindre votre liste d’e-mails ou de sms, apparaissant généralement quelques secondes après que quelqu’un atterrit sur votre site.
- La Popup d’intention de sortie : il s’agit d’une popup qui apparaît lorsqu’un visiteur est sur le point de quitter votre site et l’encourage à s’abonner à votre liste email ou sms avant de partir.
La création d’une popup basique
[/et_pb_text][et_pb_text content_tablet=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_phone=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_last_edited=”off|desktop” _builder_version=”4.19.1″ _module_preset=”default” text_font=”Poppins||||||||” text_text_color=”#000000″ custom_margin=”||32px|||” custom_padding=”0px|||||” locked=”off” global_colors_info=”{}”]Vous pouvez créer sur Klaviyo autant de popups que vous le souhaitez.
- Dans le menu, cliquez sur Signupform.
- Ensuite, cliquez sur Créer un formulaire d’inscription.
- Dans le menu déroulant All types, sélectionnez Popup.
- Vous pouvez sélectionner un modèle présent dans la bibliothèque ou cliquer sur Build From Scratch.
Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_phone=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_last_edited=”off|desktop” _builder_version=”4.19.1″ _module_preset=”default” text_font=”Poppins||||||||” text_text_color=”#000000″ custom_margin=”||32px|||” custom_padding=”0px|||||” hover_enabled=”0″ locked=”off” global_colors_info=”{}” sticky_enabled=”0″]Lorsque vous sélectionnez un modèle, une version modifiable s’ouve dans le générateur de formulaire d’inscription. Vous pouvez ajuster les styles, le ciblage et le contenu du formulaire. Assurez-vous de personnaliser toutes les étapes du formulaire, y compris le message de réussite.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.19.1″ _module_preset=”default” column_structure=”1_2,1_2″][et_pb_column _builder_version=”4.19.1″ _module_preset=”default” type=”1_2″][et_pb_image src=”https://www.make-sense.digital/wp-content/uploads/2022/12/image5.png” title_text=”image5″ _builder_version=”4.19.1″ _module_preset=”default” hover_enabled=”0″ border_radii=”on|20px|20px|20px|20px” box_shadow_style=”preset1″ global_colors_info=”{}” align=”center” sticky_enabled=”0″][/et_pb_image][/et_pb_column][et_pb_column _builder_version=”4.19.1″ _module_preset=”default” type=”1_2″][et_pb_image src=”https://www.make-sense.digital/wp-content/uploads/2022/12/image3.png” title_text=”image3″ _builder_version=”4.19.1″ _module_preset=”default” hover_enabled=”0″ border_radii=”on|20px|20px|20px|20px” box_shadow_style=”preset1″ global_colors_info=”{}” align=”center” sticky_enabled=”0″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.19.1″ _module_preset=”default”][et_pb_column _builder_version=”4.19.1″ _module_preset=”default” type=”4_4″][et_pb_text content_tablet=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_phone=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_last_edited=”off|desktop” _builder_version=”4.19.1″ _module_preset=”default” text_font=”Poppins||||||||” text_text_color=”#000000″ custom_margin=”||32px|||” custom_padding=”0px|||||” hover_enabled=”0″ locked=”off” global_colors_info=”{}” sticky_enabled=”0″]Dans Styles, vous pourrez choisir la taille de la popup, la personnaliser avec un visuel, définir sa couleur, son arrière plan, arrondir les coins…
Cliquez directement sur les blocs dans la popup pour les modifier et les personnaliser.
Avec Add blocks, pour pourrez aussi en ajouter de nouveau.
Pour modifier le style du CTA et définir l’action après avoir cliqué dessus, cliquez sur le bouton dans la popup et complétez le détail, ici par exemple, la personne qui clique sur “Je m’inscris” aura complété la popup, sera ajouté à la liste Newsletter et la popup succés “Merci pour votre inscription” viendra s’afficher.
[/et_pb_text][et_pb_image src=”https://www.make-sense.digital/wp-content/uploads/2022/12/image4.png” title_text=”image4″ _builder_version=”4.19.1″ _module_preset=”default” hover_enabled=”0″ border_radii=”on|20px|20px|20px|20px” box_shadow_style=”preset1″ global_colors_info=”{}” align=”center” sticky_enabled=”0″ custom_padding=”||10px||false|false”][/et_pb_image][et_pb_text content_tablet=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_phone=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_last_edited=”off|desktop” _builder_version=”4.19.1″ _module_preset=”default” text_font=”Poppins||||||||” text_text_color=”#000000″ custom_margin=”||32px|||” custom_padding=”0px|||||” hover_enabled=”0″ locked=”off” global_colors_info=”{}” sticky_enabled=”0″]Afin que le parcours du client avec la popup soit pertinent, pensez à compléter chaque étape en haut de l’écran.
[/et_pb_text][et_pb_image src=”https://www.make-sense.digital/wp-content/uploads/2022/12/image1-1.png” title_text=”image1″ _builder_version=”4.19.1″ _module_preset=”default” hover_enabled=”0″ border_radii=”on|20px|20px|20px|20px” box_shadow_style=”preset1″ global_colors_info=”{}” align=”center” sticky_enabled=”0″ custom_padding=”||10px||false|false”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.19.1″ _module_preset=”default” column_structure=”1_2,1_2″ hover_enabled=”0″ sticky_enabled=”0″][et_pb_column _builder_version=”4.19.1″ _module_preset=”default” type=”1_2″][et_pb_text content_tablet=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_phone=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_last_edited=”off|desktop” _builder_version=”4.19.1″ _module_preset=”default” text_font=”Poppins||||||||” text_text_color=”#000000″ custom_margin=”||32px|||” custom_padding=”0px|||||” hover_enabled=”0″ locked=”off” global_colors_info=”{}” sticky_enabled=”0″]Vous pouvez ajouter des étapes si besoin pour demander davantage d’informations. Attention, trop d’informations peut amener le client à fermer la popup qui lui semble trop chronophage.
Il existe également une étape avec un autre format, appelé teaser qui vous permettra de rester à l’écran même lorsque la popup est fermée. Les teasers sont de petits widgets sur lesquels un visiteur peut cliquer pour ouvrir un formulaire d’inscription. Ils permettent aux visiteurs de rouvrir un formulaire fermé ou d’ouvrir un formulaire une fois qu’ils sont prêts à le remplir.
Attention toutefois à ne pas les afficher au même endroit que votre bulle de chat si vous en possédez un.
Le teaser pourra apparaitre :
- après la fermeture du formulaire,
- avant l’affichage du formulaire,
- avant affichage ET aprés fermeture du formulaire.
Display timing :
[/et_pb_text][et_pb_text content_tablet=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_phone=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_last_edited=”off|desktop” _builder_version=”4.19.1″ _module_preset=”default” text_font=”Poppins||||||||” text_text_color=”#000000″ custom_margin=”||32px|||” custom_padding=”0px|||||” hover_enabled=”0″ locked=”off” global_colors_info=”{}” sticky_enabled=”0″]Pour le délai, il est recommandé d’attendre quelques secondes que la page soit chargée. Attention ce temps est à prendre en compte pour chaque changement de page, par conséquent, ne prévoyez pas un affichage trop long, car les visiteurs ne passent généralement que peu de temps par page lorsqu’ils ont déjà une idée de ce qu’ils recherchent. (Si vous indiquez 30 secondes il devra attendre 30 secondes sur une seule page pour voir la popup, si il change de page, il devra attendre de nouveau 30 secondes, il risque donc de ne jamais voir votre popup). Il est recommandé de mettre 10 secondes maximum.
Vous pouvez aussi choisir d’afficher la popup lorsque la personne scroll dans la page, c’est à dire qu’elle descend à un certain niveau, par exemple à 50% si elle a scrollé jusque la moitié. Cela permet de ne pas déranger quelqu’un qui est statique et regarde un produit ou lit quelque chose par exemple.
Enfin, vous pouvez aussi permettre l’affichage de la popup lorsque le visiteur compte partir. Comment cela est déterminé ? Si vous approchez votre souris en haut à droite de l’écran (sous entendu : vous allez fermer la page) alors la popup s’affiche.
Attention ici la personne a perdu de l’intérêt et de l’engagement puisqu’elle comptait partir, il faut donc bien choisir quel type de popup on va afficher (une offre par exemple ?).
Targeting :
[/et_pb_text][et_pb_text content_tablet=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_phone=”Bientôt disponible, cet outil vous permettra de créer des plans de campagnes et observer l’impact des évolutions de budgets sur la réalisation de vos objectifs. Vous pourrez adapter votre stratégie d’enchères et vos cibles en fonction.
” content_last_edited=”off|desktop” _builder_version=”4.19.1″ _module_preset=”default” text_font=”Poppins||||||||” text_text_color=”#000000″ custom_margin=”||32px|||” custom_padding=”0px|||||” hover_enabled=”0″ locked=”off” global_colors_info=”{}” sticky_enabled=”0″]En ce qui concerne le ciblage, vous aurez le choix de sélectionner tous les visiteurs, uniquement les nouveaux ou des cibles précises. Pour pousser à l’inscription newsletter par exemple, vous pouvez comme ci-dessous n’afficher la popup qu’aux personnes qui ne sont pas déjà inscrite à votre newsletter.
