Élément de newsletter

À propos de l'élément Newsletter

Lorsque vous naviguez en ligne, vous pouvez rencontrer des formulaires qui offrent des cadeaux ou des newsletters en échange de vos informations.

Ces formulaires, communément appelés formulaires d'inscription, jouent un rôle crucial dans le développement des boutiques en collectant des données pour les futures actions marketing et commerciales. Dans GemPages, ces formulaires sont appelés « Éléments de newsletter ».

Remarque : L'élément Newsletter représente Formulaire d'inscription de Shopify, Qui présente Champs limités. Si vous souhaitez un formulaire avec davantage d'options de personnalisation, veuillez utiliser le Formulaire de contact élément à la place.

Accédez à la liste de courrier électronique de vos clients

Une fois qu'un client soumet le formulaire, son adresse e-mail sera collectée et stockée dans la section Client de votre panneau d'administration Shopify.

Allez dans Administrateur Shopify > Clients pour voir la liste de tous les e-mails auxquels vous vous êtes inscrit via le formulaire d'inscription.

Comment ajouter un élément de newsletter à votre page ?

Pour ajouter l'élément Newsletter à votre page, vous pouvez suivre les étapes ci-dessous :

Étape 1 : Consultez la Tableau de bord GemPages > Pages, puis cliquez sur votre page cible pour localiser l'éditeur.

Étape 2 : Dans la barre latérale gauche, recherchez le Élément de newsletter et faites-le glisser et déposez-le à l'emplacement souhaité sur votre page.

Étape 3 : Cliquez sur l'élément pour ouvrir ses paramètres pour une personnalisation supplémentaire.

Configurer l'onglet Paramètres

Pour vous aider à personnaliser le Élément de newsletter pour votre conception, voici une répartition de ses paramètres clés :

Message

• Succès: Personnalisez le message affiché une fois que vos clients ont rempli avec succès le formulaire.

• Erreur: Modifiez le message d'erreur lorsque vos clients ne peuvent pas remplir le formulaire.

Taille

Ajustez la largeur de l'élément Newsletter pour l'adapter à la conception de votre page.

Présentation

Dans l' Présentation Dans la section, vous pouvez définir un arrière-plan uni ou dégradé pour une meilleure visibilité de cet élément. Essayez l'une des options suivantes pour sélectionner la couleur souhaitée :

• Entrez le code couleur
• Utilisez le sélecteur de couleurs pour sélectionner n'importe quelle couleur de votre page
• Choisissez parmi l'échantillon de couleurs
• Faites glisser la barre de couleurs pour trouver la meilleure solution pour votre image de marque
• Choisissez une couleur parmi celles Couleurs récentes or Suggéré pour votre listes pour économiser des efforts

Forme

Les paramètres de forme concernent toute la section qui contient l'élément Newsletter.

• Frontière:Vous pouvez modifier la couleur, l'épaisseur et le contour de la bordure.

• CORNER: L'angle de la section peut être carré, rond ou en forme de pilule. Vous pouvez également saisir un rayon précis pour personnaliser l'angle de l'élément à votre guise.

• Shadow: Vous pouvez ajouter une ombre à la section Liste d'articles et ajuster l'affichage de l'ombre (taille, couleur, flou et distance).

Après la soumission

Action: Déterminez si vous préférez guider les utilisateurs vers une page de destination désignée ou les maintenir sur la page actuelle une fois la soumission du formulaire terminée.

Choisissez dans la liste déroulante :

Par exemple, si vous décidez d'envoyer les clients vers une autre page, sélectionnez « Ouvrir l'URL » dans la liste déroulante et cliquez sur le bouton « Choisir le lien » pour ouvrir le panneau de sélection de liens.

Puis clique Afficher plus pour développer les paramètres complets.

• Ouvrir un nouvel onglet : Réglez-le sur Oui si vous préférez ouvrir la nouvelle page dans un nouvel onglet.
• Lien suivant : Réglez-le sur Non pour ne pas permettre aux moteurs de recherche de suivre ce lien.

Configurer l'onglet Avancé

Pour une personnalisation plus avancée, accédez à l'onglet Avancé et suivez les instructions cet article.

Dépannage : les newsletters n'apparaissent pas dans les clients Shopify

1. Vérifiez les paramètres de double opt-in

• Shopify peut demander aux clients de confirmer leur abonnement par e-mail. Tant qu'ils n'auront pas cliqué sur le lien de confirmation, leur adresse e-mail n'apparaîtra pas dans la section Clients.
• Allez dans Administrateur Shopify > Paramètres > Paiement > Comptes clients pour vérifier si le double opt-in est activé.

2. Vérifiez les adresses e-mail

Les adresses e-mail invalides ou mal saisies peuvent être rejetées. Testez le formulaire avec une adresse e-mail valide pour garantir son envoi correct.

3. Vérifiez les conflits d'applications ou de thèmes

Certaines applications ou scripts personnalisés peuvent bloquer l'envoi de formulaires. Désactivez temporairement les autres applications ou codes personnalisés pour voir si le problème persiste.

4. Vérifiez les paramètres des éléments de la newsletter

Assurez-vous que l'élément est correctement configuré :

• Après la soumission actions (Rester sur la page, Ouvrir la page, Faire défiler jusqu'à, etc.)
• Paramètres avancés tels que des scripts personnalisés ou des redirections.

5. Vider le cache du navigateur / Tester en mode navigation privée

Les pages mises en cache ou les extensions de navigateur peuvent interférer avec les soumissions.

6. Testez le formulaire

Après avoir apporté des modifications, envoyez un e-mail de test et vérifiez Administration Shopify > Clients pour confirmer que l'e-mail est enregistré.

Facultatif : ajouter automatiquement des balises Shopify lors de l'abonnement

Si vous souhaitez que Shopify identifie automatiquement les clients qui soumettent le formulaire de newsletter, vous pouvez le faire avec un élément de code personnalisé placé à l'intérieur de l'élément Newsletter.

Étape 1 : Ajouter une entrée cachée pour les balises

• Faites glisser un élément de code personnalisé dans votre formulaire de newsletter.

• Dans l'onglet HTML, collez le code suivant :

• Remplacez "valeur de la balise" avec le tag que vous souhaitez.

Exemple :

Lorsqu'un client s'inscrit, Shopify ajoute automatiquement le tag VIP à son profil.

Étape 2 : Masquer le champ sur votre page en direct

Puisque vous ne voulez pas que les clients voient cette zone de saisie, accédez à l'onglet CSS du même élément de code personnalisé et ajoutez :

.gyC1HhyiC_ {

    affichage: aucun! important;

}