Mises à jour système

Nous rencontrons des problèmes susceptibles affecter vos services Square. Nous continuerons de mettre à jour notre page d’état avec plus d’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 proprement dit, consultez un expert en la matière.

La section Code d’intégration de l’É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 à des événements ou de réservation d’événements, afficher un agenda Google, etc.

Remarque : cet article décrit la procédure d’intégration du code qui sera affiché sur les pages de votre site Web (par exemple, un calendrier d’événements ou un widget de réservation) par opposition à d’autres types de codes 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). Découvrez comment adding code to your website header pour savoir comment utiliser le code d’en-tête.

Ajouter du code à intégrer

Pour ajouter du code à intégrer à 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 brut.

  2. Ajoutez une section de code d’intégration à n’importe quelle page standard de votre site Web dans l’Éditeur de site Vente en ligne Square . En savoir plus sur ajouter des sections à Vente en ligne Square.

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

  4. Publiez votre site Web pour que les changements soient appliqués.

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 du titre. 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 l’alignement de la section et définissez une couleur ou une image d’arrière-plan.

Exemples d’utilisation de code à intégrer

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égrer 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 à 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 contact 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 widget de réservation de l’un de ces fournisseurs : Tock ou OpenTable.

  • Pour vendre des billets à l’occasion d’un événement, ajoutez une EventBrite widget 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 intégrée.

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 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 du 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 que vous l’utilisez correctement.