Passer au contenu principal
Modèles de boutons

Signification et utilisation des boutons, sélection de différents modèles de boutons, Code

Mis à jour il y a plus d’une semaine

Les modèles de boutons sont importants pour une page de vente car ils mettent en évidence l'appel à l'action et augmentent le taux de conversion. Ils fournissent une représentation visuelle claire et attrayante qui encourage les visiteurs à cliquer et à entreprendre l'action souhaitée.

L'utilisation de modèles de boutons contribue à améliorer l'expérience de l'utilisateur. La conception intuitive permet aux visiteurs de voir immédiatement les étapes qu'ils peuvent suivre sur la page pour acheter le produit ou le service souhaité. La mise en évidence visuelle et l'orientation claire de l'appel à l'action rendent l'expérience de l'utilisateur transparente et agréable, augmentant ainsi la probabilité que les parties intéressées deviennent de véritables acheteurs.

Un exemple de modèle de bouton pourrait être un bouton "Acheter maintenant" au design attrayant et aux couleurs contrastées.

Pour chaque couleur de bouton, vous trouverez les modèles suivants :

  • 4 variantes de texte de bouton

  • chacune de forme arrondie ou carrée

  • avec ou sans slogan (icônes de carte de crédit, etc.)

En outre, vous trouverez sous chaque bouton le code d'intégration correspondant sous forme de modèle pour l'insérer sur votre site web.

Code d'intégration

  1. Copiez le code situé sous le bouton que vous souhaitez utiliser.

  2. Collez-le sur votre page de vente (si vous utilisez un constructeur de pages, utilisez un élément "Code HTML" pour cela).

  3. Par défaut, les boutons ont une largeur de 320px. C'est pourquoi vous trouverez dans le texte d'intégration : style = "max-width : 320px ;" Si vous avez besoin d'une version plus large du bouton, il vous suffit d'indiquer la largeur ici ! "La largeur maximale possible avec une qualité optimale est de 812px.

  4. Important. Remplacez le mot "PRODUCT ID" par l'ID de votre produit (il s'agit de la combinaison lettre/chiffre à 8 chiffres dans l'URL de paiement de votre produit).

  5. Si vous centrez le bouton, "<center>" apparaîtra avant et "</center>" après le code d'intégration (sans espace). Exemple : <center><a href="https://www.copecart.com/products/PRODUKT-ID/checkout"><img"><img src="https://s3.eu-central-1.amazonaws.com/copecart-static/button/checkout+mit+copecart/rund+blau.png"></a></center>

  6. Si vous souhaitez que votre page de paiement CopeCart s'ouvre dans un nouvel onglet, définissez target = "_blank" directement après le lien dans votre code d'intégration. Exemple : <a href="https://www.copecart.com/products/PRODUKT-ID/checkoutcheckout"target="_blank"> .... </a>.

Bien entendu, vous pouvez télécharger les boutons à tout moment (bouton droit de la souris + "Enregistrer sous") et les utiliser selon vos besoins.

Pour accéder aux modèles de boutons, veuillez sélectionner l'article en allemand:


Pour toute autre question, n'hésitez pas à contacter notre équipe d'assistance.

Meilleures salutations

Votre équipe CopeCart

Avez-vous trouvé la réponse à votre question ?