Comment ajouter un bouton Tweet à WordPress (3 façons)

Vous souhaitez ajouter un bouton tweet à votre site WordPress ?

Les boutons Cliquer pour tweeter permettent aux visiteurs du site Web de partager facilement votre contenu sur Twitter. De cette façon, vous pouvez atteindre votre public cible avec un contenu conçu pour générer de l'intérêt, des prospects et des clients potentiels.

Dans ce didacticiel, nous allons vous montrer comment ajouter un bouton tweet à votre site Web étape par étape.

Pourquoi ajouter un bouton Tweet à WordPress ?

Avec plus de 217 millions d'utilisateurs actifs quotidiens monétisables , le marketing Twitter est l'un des moyens les plus efficaces d'amener votre public cible sur votre site Web. Cependant, lorsque vous partagez votre propre contenu sur Twitter, vous ne pouvez atteindre qu'un nombre limité d'utilisateurs.

Un moyen efficace d'atteindre les personnes qui ne vous suivent pas sur Twitter consiste à ajouter un bouton Tweeter à votre site Web.

Lorsque les utilisateurs visitent votre site Web, un bouton tweet les encourage à partager votre contenu sur leur fil Twitter personnel. En conséquence, leurs abonnés verront votre contenu et pourront ensuite l'aimer, le commenter et le retweeter à leurs abonnés.

Étant donné que les boutons de partage Twitter diffusent votre contenu à un public plus large, ils peuvent également vous aider à augmenter le nombre de vos abonnés Twitter. De plus, l'exposition peut vous aider à renforcer la preuve sociale et la reconnaissance de la marque, ce qui se traduit par plus de prospects et de ventes.

Maintenant que vous savez pourquoi les boutons Twitter peuvent profiter à votre entreprise, voyons comment en ajouter un à votre site WordPress.

Comment ajouter un bouton Tweet dans WordPress

Il existe plusieurs façons d'ajouter une boîte ou un bouton click-to-tweet à votre site Web; cependant, certains sont beaucoup plus faciles que d'autres.

Dans cet article, nous vous montrerons d'abord comment ajouter facilement un bouton click-to-tweet avec un plugin WordPress. Nous vous montrerons ensuite comment ajouter manuellement le code du bouton Twitter Tweet.

Ajouter un bouton Tweet WordPress avec SeedProd

Pour la première méthode, nous utiliserons SeedProd, le meilleur constructeur de site Web WordPress, pour ajouter un bouton Twitter à votre site Web. Il est livré avec un éditeur visuel par glisser-déposer, vous permettant de créer et de personnaliser n'importe quelle zone de votre site WordPress sans code.

Vous pouvez utiliser SeedProd pour créer :

• Thèmes WordPress personnalisés
• Pages de destination à fort taux de conversion
• Modèles WooCommerce
• Prochainement et pages de maintenance
• Pages de connexion WordPress
• Et plus

Ce plugin comprend également des éléments de contenu puissants et des blocs qui aident à la génération de prospects, à la notoriété de la marque et à l'expérience utilisateur. Par exemple, le bloc que nous utiliserons dans ce guide est le bouton Twitter Tweet.

Suivez les étapes ci-dessous pour ajouter un bouton tweet dans WordPress avec SeedProd.

Étape 1. Installez le plugin SeedProd

Tout d'abord, cliquez ici pour démarrer avec SeedProd et téléchargez le plugin sur votre ordinateur. Vous pouvez ensuite télécharger le fichier .zip du plugin sur votre site Web WordPress.

Si vous n'avez jamais installé de plugin auparavant, vous pouvez suivre ce guide sur l'installation et l'activation d'un plugin WordPress.

Une fois que SeedProd est actif sur votre site Web, rendez-vous sur la page Paramètres de SeedProd depuis votre tableau de bord WordPress et entrez votre clé de licence.

Vous pouvez trouver votre clé sur le site Web de SeedProd dans la section "Téléchargements" du tableau de bord de votre compte.

Après avoir collé votre clé de licence, cliquez sur le bouton Vérifier la clé .

Étape 2. Créer une page de destination ou un thème WordPress

Il existe 2 façons d'ajouter un bouton Tweet à votre site Web avec SeedProd.

Vous pouvez remplacer votre thème WordPress actuel par un thème personnalisé conçu avec les kits de site Web de SeedProd. Ou vous pouvez créer une page de destination avec votre thème WordPress existant.

Pour ce didacticiel, nous ajouterons un bouton tweet aux articles de blog en personnalisant le modèle d'article unique avec le générateur de thèmes de SeedProd. Consultez ce guide pour toutes les étapes de création d'un thème WordPress personnalisé avec SeedProd.

Si vous préférez plutôt ajouter un bouton tweet à votre page de destination, vous pouvez suivre ce guide sur la création d'une page de destination dans WordPress.

Les deux didacticiels vous montreront comment choisir un modèle et préparer votre thème ou votre page de destination à personnaliser. Lorsque vous êtes prêt à ajouter votre bouton tweet, passez à l'étape 3 de ce guide.

Étape 3. Ajouter un bouton Tweet à WordPress

Après avoir créé un thème ou une page de destination avec SeedProd, vous pouvez le personnaliser facilement avec le générateur de glisser-déposer. Comme mentionné ci-dessus, nous allons ajouter un bouton tweet à notre page de publication WordPress. De cette façon, les utilisateurs peuvent tweeter à propos de votre article de blog après l'avoir lu et le partager avec leur public sur les réseaux sociaux.

Pour cela, rendez-vous sur la page SeedProd » Theme Builder depuis votre admin WordPress. Cela montrera les différentes parties de votre thème, telles que votre :

• Entête
• Bas de page
• Barre latérale
• Page d'accueil
• Blogue
• Poste unique
• Une seule page

Chaque partie de thème est super facile à modifier et à personnaliser dans l'éditeur visuel de SeedProd. Survolez-en simplement un et cliquez sur le lien Modifier le design .

Puisque nous ajoutons un bouton tweet aux articles de blog, nous allons modifier le modèle Single Post . Après avoir cliqué sur le lien Modifier la conception, votre modèle s'ouvrira dans l'éditeur visuel de glisser-déposer de SeedProd.

Vous verrez les différents blocs et sections de contenu sur la gauche et un aperçu en direct de votre page sur le côté droit.

Cliquer sur n'importe quel élément de votre aperçu en direct ouvre ses paramètres dans le panneau de gauche. Cela vous permet de modifier le contenu et de personnaliser le style et l'apparence de cet élément.

Il y a 2 façons d'ajouter un bouton Tweet en utilisant SeedProd :

1. Bloc de partage social
2. Bloc de bouton Twitter Tweet

Nous allons vous montrer les deux options afin que vous puissiez décider laquelle convient le mieux à votre site Web, mais d'abord, ajoutons une nouvelle colonne pour héberger notre bouton Twitter.

Pour ce faire, faites glisser le bloc de colonnes depuis le panneau de gauche et déposez-le sur votre aperçu. Vous pouvez ensuite choisir une disposition de colonne pour votre contenu.

Dans cet exemple, nous avons une mise en page à 2 colonnes avec un côté plus large que l'autre.

Ensuite, faites glisser le bloc de titre et ajoutez-le à la première colonne. Dans le panneau des paramètres, vous pouvez modifier l'en-tête pour dire quelque chose comme "Partager ceci".

Vous êtes maintenant prêt à ajouter vos boutons de tweet.

Bloc de partage social SeedProd

Tout d'abord, nous utiliserons le bloc de partage social de SeedProd pour ajouter des boutons de partage pour plusieurs réseaux sociaux, y compris Twitter. Trouvez le bloc sous le panneau Blocs avancés et déposez-le dans la deuxième colonne de votre conception.

SeedProd le pré-remplira avec un bouton tweet et un bouton de partage Facebook. Cliquer sur le bloc vous permet d'ajouter plus d'options de partage social pour Pinterest et LinkedIn et des paramètres pour modifier la taille et l'alignement du bouton.

Dans l'onglet Paramètres avancés, vous pouvez personnaliser les styles et l'espacement des boutons et les afficher ou les masquer sur les appareils mobiles et de bureau.

Blocage du bouton Twitter Tweet

Pour ajouter un seul bouton Tweet, recherchez simplement le bloc Twitter Tweet Button dans le panneau Advanced blocks, puis faites-le glisser et déposez-le sur votre page.

Dans le panneau des paramètres du bouton tweet, vous pouvez personnaliser plusieurs paramètres. Par exemple, vous pouvez ajouter l'URL que vous souhaitez que les visiteurs partagent, le contenu du tweet et les hashtags.

Vous pouvez ajouter @ via des mentions et des comptes Twitter associés et modifier la taille, l'alignement et la langue des boutons.

Expérimentez avec les blocs de boutons de partage social et de tweet de SeedProd jusqu'à ce que vous trouviez une combinaison qui convient à votre site Web. Lorsque vous êtes satisfait de l'apparence de tout, cliquez sur le bouton Enregistrer dans le coin supérieur droit.

Étape 4. Publiez votre bouton Tweet dans WordPress

La prochaine étape consiste à faire vivre votre bouton tweet sur votre site WordPress. Pour ce faire, accédez à la page SeedProd » Theme Builder et tournez le bouton Enable SeedProd Theme sur la position « On ».

Bon travail! Vous pouvez maintenant prévisualiser votre site Web pour voir à quoi ressemble votre bouton Tweeter.

Voici un exemple de bouton tweet :

Et voici un exemple des boutons de partage :

Ajouter manuellement un bouton Tweet à WordPress

Pour la méthode suivante, nous vous montrerons comment ajouter manuellement un bouton tweet à WordPress sans plugin WordPress. Vous pouvez le faire en utilisant les outils de publication de Twitter qui vous permettent d'intégrer un tweet, une chronologie ou un bouton.

Cette méthode n'offre pas beaucoup de contrôle sur le bouton tweet. Cependant, c'est une solution utile pour les utilisateurs qui ne souhaitent pas ajouter plus de plugins à leur site WordPress.

Pour commencer, rendez-vous sur le site Web de l'outil Twitter Publish et choisissez le type d'intégration Boutons Twitter .

Ensuite, une fenêtre apparaîtra vous demandant de choisir un type de bouton :

• Bouton Partager : partagez un lien sur Twitter.
• Bouton Suivre : permet aux utilisateurs de suivre votre profil Twitter.
• Bouton Mention : démarrez une conversation directement depuis votre site Web.
• Bouton hashtag : tweetez sur un sujet en utilisant des hashtags.
• Bouton Message : laissez les visiteurs vous envoyer des messages privés sur Twitter.

Choisissons le bouton Partager pour ce guide. Après avoir cliqué sur votre type de bouton, vous verrez une page similaire à celle ci-dessous :

Cliquez sur le bouton pour copier le code d'intégration, puis revenez sur votre site WordPress.

Nous ajouterons ce bouton tweet à notre barre latérale WordPress, alors accédez à Apparence » Widgets depuis votre tableau de bord WordPress. Recherchez ensuite le bloc HTML personnalisé et ajoutez-le à votre zone de barre latérale principale.

Dans le bloc, collez le code d'intégration du bouton tweet que vous avez copié précédemment, puis cliquez sur le bouton Mettre à jour.

Désormais, lorsque vous visiterez votre site WordPress, vous verrez votre bouton tweeter dans la barre latérale de votre blog.

Bonus : affichez les flux Twitter et les boutons Tweet avec Smash Balloon

Saviez-vous que vous pouvez également ajouter de magnifiques flux Twitter à votre site WordPress avec le plugin Twitter Feeds de Smash Balloon ?

Le plugin Custom Twitter Feeds est le plugin de flux Twitter le mieux noté pour WordPress. Vous pouvez l'utiliser pour afficher de superbes flux Twitter sur votre site Web en quelques clics.

Vous pouvez personnaliser vos flux Twitter en direct en temps réel avec l'éditeur de flux visuel et choisir parmi plusieurs types de flux pour répondre aux besoins de votre entreprise. Chaque flux comprend également des boutons de tweet, permettant aux visiteurs du site Web de partager votre contenu Twitter avec leurs abonnés.

Suivez le guide étape par étape de Smash Balloon pour ajouter un flux Twitter à WordPress.

C'est ça!

Nous espérons que vous avez apprécié ce didacticiel et qu'il vous a aidé à apprendre à ajouter facilement un bouton tweet à WordPress. Vous aimerez peut-être aussi ce guide pour faire ressembler votre blog à un site Web.

Prêt à ajouter des boutons tweet à votre site Web ?

Merci d'avoir lu. Veuillez nous suivre sur YouTube, Twitter et Facebook pour plus de contenu utile pour développer votre entreprise.