comment intégrer un formulaire de contact dans wordpress avec le plugin officiel geniuscontacts...

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

Upload: geniuscontacts

Post on 23-Jan-2015

611 views

Category:

Documents


0 download

DESCRIPTION

Intégrez en moins de 2 minutes le plugin en français GeniusContacts Formulaire pour WordPress. Collectez des contacts directement depuis votre site web ou blog sous WordPress et diffusez des campagnes emailing personnalisées en responsive design.

TRANSCRIPT

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

www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

Vous utilisez WordPress, mais…

Comment mettre en place un formulaire de contactsans programmation nécessaire ?

Ce plugin WordPress se connecte à votre compte GeniusContactset vous permet rapidement et facilement de collecter descontacts à votre liste GeniusContacts et d'intégrer un formulaired'abonnement sur votre site avec différentes options d’affichage.

Utilisez le Formulaire GeniusContactsen moins de 2 minutes

dans l’interface WordPress !

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

www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

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

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

www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

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é).

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

www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

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:

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

www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

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 :

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

www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

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é.

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

www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

Puis…

Voici quelques points clés à connaître, en ce qui concerne les paramètres avancés:

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).

o 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.

o Utiliser l'option Ajax exige que jQuery soit activé sur votre installation de WordPress.

o 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:

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

www.GeniusContacts.com © GeniusContacts – Tous doits réservés - 11 10 2013

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é: