Mises à jour du système

Nous rencontrons des problèmes qui pourraient affecter vos services Square. Nous continuerons à mettre à jour la page d’état avec d’autres informations.

Accueil>Conception et contenu du site

Ajouter un contenu externe et des widgets avec code intégré dans Vente en ligne Square

Remarque :Nous ne pouvons pas fournir un dépannage approfondi des problèmes découlant de l’utilisation de codes d’intégration HTML/CSS tiers dans notre Centre d’assistance. Pour obtenir de l’aide au sujet du code comme tel, veuillez consulter un expert en la matière.

La section « Code d’intégration » dans le Éditeur de site Vente en ligne Square vous permet d’améliorer votre site Web grâce à une gamme presque illimitée de fonctionnalités supplémentaires. Vous pouvez créer des formulaires de contact personnalisés, ajouter des services d’inscription ou de réservation d’événements, afficher un agenda Google et beaucoup plus encore.

Remarque : Cet article décrit comment intégrer le code qui sera affiché sur les pages de votre site Web (par exemple, un calendrier d’événements ou un gadget logiciel de réservation) par opposition à d’autres types de code qui ne sont pas destinés à être visibles et qui doivent être insérés dans l’en-tête de votre site Web (par exemple, Google Analytics ou Facebook Pixel). Apprenez-en davantage au sujet de ajout d’un code à l’en-tête de votre site Web pour savoir comment utiliser le code d’en-tête.

Ajouter un code à intégrer

ep-embed-code-section-add-new

Pour ajouter un code intégrable à votre site Web, veuillez suivre les instructions pratiques ci-dessous :

  1. Obtenez le code à intégrer auprès d’un fournisseur tiers et copiez-le dans votre presse-papiers ou dans un fichier texte simple.

  2. Ajoutez une section de code d’intégration à n’importe quelle page standard de votre site Web sous Éditeur de site Vente en ligne Square . Renseignez-vous davantage au sujet de ajouter des sections à Vente en ligne Square.

  3. Collez le code tiers dans la section « code d’intégration » et personnalisez l’apparence selon vos préférences.

  4. Publiez votre site Web pour que les changements prennent effet en direct.

ep-embed-code-section-added-new

Personnaliser la section Code d’intégration

Définissez les paramètres dans le menu Éditeur de site Vente en ligne Square pour ajouter votre code tiers et personnaliser l’apparence de la section.

Les options suivantes sont proposées sous Contenu :

  • Titre - Changez la police, la taille et la couleur du titre principal. Vous pouvez également désactiver le titre pour qu’il ne s’affiche pas dans la section.

  • Description - Changez la police, la taille et la couleur du texte de description sous le titre. Vous pouvez le désactiver si vous n’en avez pas besoin.

  • Code d’intégration - Collez votre code tiers ici pour l’ajouter à la section de votre page.

Les options suivantes sont proposées sous Personnaliser :

  • Disposition - Il existe plusieurs dispositions différentes pour le code d’intégration. Tout dépend de ce que vous ajoutez et de l’espace dont vous avez besoin.

  • Style de la section - Changez la justification de la section et définissez une couleur ou une image d’arrière-plan.

Des exemples d’utilisation de code à intégrer

ep-embed-code-iframe

Voici un exemple utilisant la section du code d’intégration pour ajouter un Google Agenda à la page. Google génère automatiquement un code intégrable en utilisant ce que l’on appelle un « iframe » pour afficher le calendrier 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. Cela signifie que vous n’avez qu’à copier le code du fournisseur et à le coller dans la section du code d’intégration.

Si vous êtes en manque d’inspiration, voici quelques façons d’utiliser la section du code d’intégration :

  • Si vous avez besoin de fonctionnalités plus avancées que celles présentées dans la formulaire de coordonnées intégrée, essayez de créer et d’intégrer un formulaire personnalisé à partir de l’un de ces fournisseurs : JotForm, Honeybook ou Typeform.

  • Si vous souhaitez que vos clients puissent faire des réservations à l’avance, donnez-leur encore plus de possibilités en ajoutant un gadget de réservation de l’un de ces fournisseurs : Tock ou OpenTable

  • Pour vendre des billets à l’occasion d’un événement, ajoutez une gadget EventBrite pour permettre aux clients d’acheter des billets en ligne.

  • Indiquez à vos clients comment se rendre à votre point de vente grâce à une Google map.

Ce ne sont là que quelques-unes des nombreuses utilisations de cette fonction puissante et souple. De nombreux services Web offrent un moyen d’intégrer leurs outils au code, il y a donc de fortes chances que vous puissiez trouver quelque chose qui réponde à presque tous les besoins. Essayez de chercher sur Internet ce que vous voulez, en utilisant des expressions telles que « intégrer un formulaire d’inscription au bulletin » ou « code d’intégration d’un lecteur audio ».

Remarque : Coller un code non valide ou incomplet peut entraîner des problèmes sur votre site Web. Si vous ne pouvez pas voir le code rendu ou si quelque chose d’autre vous semble incorrect, assurez-vous que le champ « code d’intégration » contient le code complet. Essayez de publier 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 d’intégration » de la page et essayer de publier le site à nouveau. Si la suppression de la section résout le problème, vous devez alors vérifier auprès du fournisseur du code pour confirmer que vous l’utilisez correctement.

Vous ne trouvez pas ce que vous cherchez?