Comment intégrer un formulaire de contact dans WordPress avec le plugin officiel GeniusContacts v4.5

1. Plugin WordPress GeniusContacts Formulaire 4.5 www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

2. Vous utilisez WordPress, mais… Comment mettre en place un formulaire de contact sans programmation nécessaire ? Ce plugin WordPress se connecte à votre compte GeniusContacts et vous permet rapidement et facilement de collecter des contacts à votre liste GeniusContacts et d'intégrer un formulaire d'abonnement sur votre site avec différentes options d’affichage. Utilisez le Formulaire GeniusContacts en moins de 2 minutes dans l’interface WordPress ! www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

3. Pourquoi choisir le plugin GeniusContacts pour WordPress ? • GeniusContacts a créé un plugin WordPress pour intégrer rapidement des formulaires d'abonnement dans vos blogs WordPress et les sites web • Vous pouvez facilement intégrer des formulaires de contact sans connaissance de code • Vous pouvez ensuite mettre à jour WordPress à tout moment sans perdre votre formulaire et son emplacement • Le plugin GeniusContacts se connecte à WordPress avec votre application web Email Marketing GeniusContacts et vous permet de choisir le formulaire à intégrer (comme un widget) n'importe où sur votre site www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

4. Passez à l’action ! • Rendez-vous sur http://wordpress.org dans la rubrique Plugins et installez « GeniusContacts Formulaire » • Ou allez directement sur http://fr.geniuscontacts.com www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

5. Intégrer un formulaire de contact dans WordPress avec le plugin officiel GeniusContacts Formulaire UTILISEZ FACILEMENT LE PLUGIN OFFICIEL POUR WORDPRESS www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

6. Utilisez le plugin officiel pour WordPress Téléchargez notre plugin à partir du répertoire de plugin WordPress, ou cliquez sur "Ajouter" et recherchez le dans votre section «Plugins» WordPress. www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

7. Ensuite… Après avoir téléchargé le plugin, allez dans la section administration de WordPress puis la section "Plugins " => section « Télécharger », et téléchargez l'ensemble du dossier Zip (que vous avez déjà téléchargé). www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

8. Ensuite… Sur la page plugins, cliquez sur “Activer” sous le plugin “GeniusContacts”. www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

9. Ensuite… Sur la page => « Widgets Apparence », faites glisser le widget "GeniusContacts" dans la barre latérale. www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

10. Ensuite… • Tapez votre URL API et la clé API, puis cliquez sur Enregistrer. (Pour trouver votre URL API dédiée et la clé de l'API, allez sur «Compte» => "Paramètres"= > "API" dans GeniusContacts) www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

11. Puis… • Après avoir cliqué sur "Enregistrer" dans WordPress, il affichera les formulaires disponibles qui sont mis en place dans votre Application GeniusContacts (xyz.myGeniusContacts.com) www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

12. Ensuite… • Choisissez un formulaire, puis cliquez sur "Enregistrer". www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

13. Ensuite… • La partie publique de WordPress va alors afficher le formulaire dans la barre latérale. www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

14. Utilisation du shortcode • Vous pouvez aussi afficher votre formulaire n'importe où grâce aux shortcodes WordPress. Il suffit d'utiliser ce shortcode après avoir configuré vos paramètres de formulaire dans la section « administration » de WordPress: [GeniusContacts] • Par exemple dans un message de blog: www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

15. Ensuite • Exemple d’affichage dans un Post du Blog : www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

16. Largeur de formulaire • Le plugin permet de détecter la largeur du formulaire que vous avez défini dans GeniusContacts (sous Intégration lors de la création du formulaire). Si vous souhaitez ajuster la largeur, vous devez le faire dans GeniusContacts, puis cliquez sur «Actualiser» dans le widget : www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

17. Paramètres avancés • Quelques paramètres avancés vous permettent de contrôler les aspects suivants de votre Formulaire : 1. Option pour Ajout d’abonné (par défaut) ou Synchronisation d’abonné (mode édition si l'abonné existe déjà). 2. Comment le formulaire est envoyé : rechargement de la page standard ou Ajax. 3. Qu'il s'agisse ou non d'utiliser le formulaire CSS standard que GeniusContacts utilise. 4. Qu'il s'agisse ou non d'utiliser votre propre URL du formulaire d'action personnalisé. www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

18. Puis… Voici quelques points clés à connaître, en ce qui concerne les paramètres avancés: o o o o Si vous choisissez Sync, qui exige l’utilisation d’Ajax pour envoyer le formulaire, notre processus standard ne fonctionne pas avec Ajax. Donc nous avons intégré un script API personnalisé avec le plugin qui réalise la synchronisation réelle (grâce à notre API). Vous pouvez également utiliser la fonction Sync avec votre propre URL d'action personnalisé (avec ou sans Ajax), ainsi qu’un script que vous avez mis en place pour effectuer l'ajout/ modification via notre API. Utiliser l'option Ajax exige que jQuery soit activé sur votre installation de WordPress. Lorsque vous utilisez Ajax il y aura un <div> qui apparaît au-dessus du formulaire d’inscription qui contient le message de résultat. Vous pouvez définir le style de cet élément en ciblant cet ID: form_result_message dans votre CSS. Exemple ci-dessous: www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

19. Ensuite… • • Chaque fois que vous utilisez votre propre URL d'action personnalisée, vous devrez utiliser notre API pour soumettre les données. Si vous ne gardez pas la forme CSS originale, il sera tout simplement supprimer. Exemple d'écran avec CSS supprimé: www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013