Ajouter un contenu externe et des widgets avec code intégré à Vente en ligne Square
Remarque : Mettez à niveau votre site Vente en ligne Square pour intégrer du contenu externe et des gadgets.
Avec Vente en ligne Square, vous pouvez rehausser votre site Web avec une gamme presque illimitée de fonctionnalités supplémentaires. Ajoutez plusieurs codes d’intégration sections pour afficher un agenda Google, créer des formulaires de contact personnalisés, ajouter des services de réservation, accepter les inscriptions à des événements et bien plus.
Remarque : Cet article décrit comment intégrer un code sur les pages de votre site Web pour afficher par exemple un calendrier d’événements ou un widget de réservation. Il existe d’autres types de code qui ne sont pas destinés à devenir visibles sur le site et doivent être insérés dans l’en-tête de votre site Web (p. ex. Google Analytics ou Meta Pixel). Découvrez comment ajout d’un code de suivi personnalisé à votre site Web pour plus de détails sur l’utilisation du code d’en-tête.
Obtenir du code intégrable
De nombreux services génèrent automatiquement un code à intégrer en utilisant ce que l’on appelle un « iframe » pour afficher un widget au moyen d’un lien direct. Il s’agit d’une méthode très courante pour intégrer des codes tiers sur un site Web, mais la plupart des autres méthodes fonctionnent à peu près de la même manière. Autrement dit, tout ce que vous avez à faire est de copier le code du fournisseur et de le coller dans la section du code d’intégration.
Recherchez en ligne à l’aide de mots-clés comme « formulaire d’inscription au bulletin intégré » ou « code intégré de lecteur audio ». La meilleure façon de savoir si un extrait de code peut s’intégrer est de demander au fournisseur du code de chercher dans son centre d’assistance ou de le tester après avoir publié votre site.
Ajouter du code intégrable à votre site
Pour ajouter un code intégrable à votre site Web :
Dans votre Éditeur de site Vente en ligne Square , ouvrez la page à laquelle vous voulez ajouter un code intégrable.
Sélectionnez + Ajouter > Section et choisissez la section Code intégré.
Dans le panneau d’édition, sélectionnez Intégrer le code et collez votre code dans la zone de texte.
Publiez votre site pour appliquer les changements.
Comment utiliser du code intégrable
Si vous êtes en manque d’inspiration, voici quelques façons d’utiliser la section du code d’intégration :
Montrez votre calendrier d’événements à vos clients avec un calendrier intégré Google Agenda.
Si vous avez besoin de fonctionnalités plus avancées que celles disponibles dans le formulaire de contact intégré, essayez de créer et d’intégrer un formulaire personnalisé provenant de l’un de ces fournisseurs : Typeform, JotForm ou Honeybook.
Si vos clients doivent effectuer des réservations à l’avance, offrez-leur encore plus de choix en ajoutant le gadget logiciel de réservation d’ OpenTable.
Pour vendre des billets à l’occasion d’un événement, ajoutez un gadget logiciel EventBrite pour permettre aux clients d’acheter des billets en ligne.
Ce ne sont là que quelques-unes des nombreuses utilisations de cette fonction puissante et flexible. De nombreux services Web offrent un moyen d’intégrer leurs outils au code, il y a donc de fortes chances que vous trouviez quelque chose qui réponde à presque tous vos besoins.
Dépannage
Coller un code non valide ou incomplet peut entraîner des problèmes sur votre site Web. Si le code rendu n’apparaît pas ou si quelque chose d’autre vous semble incorrect, assurez-vous que le champ du code intégré contient le code complet. Publiez votre site Web pour voir si le code que vous avez ajouté fonctionne comme prévu. Vous pourriez obtenir des résultats inattendus si, par exemple, vous n’avez pas collé le code complet ou si vous avez accidentellement inséré des caractères supplémentaires.
Si vous avez toujours des doutes, vous pouvez supprimer la section Code intégré de la page et publier le site à nouveau. Si la suppression de la section résout le problème, vous devriez alors vérifier auprès du fournisseur du code pour confirmer que vous l’utilisez correctement.
Remarque : Nous pouvons vous fournir des étapes de dépannage de base, comme précisé ci-dessus, mais nous ne sommes pas en mesure de vous assister avec le code lui-même.
AVERTISSEMENT : Nous ne sommes pas en mesure de fournir une assistance avec du code personnalisé, car l’éditeur de site Vente en ligne Square est un programme « WYSIWYG » (ce que vous voyez est ce que vous obtenez) et aucun codage personnalisé n’est nécessaire à la création d’un site Web avec Square. Cela signifie que nous pouvons vous informer sur les emplacements où l’utilisation de code personnalisé est possible sur la plateforme Vente en ligne Square, mais nous ne somme pas en mesure de vous aider avec le code lui-même.
C’est pourquoi vous devez connaître et comprendre les effets de l’utilisation de code associé à votre site sur celui-ci, ainsi que sa fonctionnalité. L’association de tout code personnalisé à votre site est facultative et n’est pas nécessaire à son fonctionnement ou à son affichage en ligne.
Consultez un expert en codage à tout moment si vous avez besoin d’aide avec l’association de code personnalisé à votre site.