Base de connaissances
Guides
Académie
Tutoriels vidéo
Appuyez sur la touche échap pour quitter :
Articles consultés récemment :

Sommaire

Vendre sur Squarespace avec Ecwid

Squarespace est un constructeur de sites Web populaire avec des modèles prêts à l'emploi et des éléments à glisser-déposer pour vous aider à créer et modifier des pages Web. Vous pouvez ajouter une boutique en ligne Ecwid à votre site Squarespace pour commencer à vendre en ligne.

Dans l'absolu, Ecwid et Squarespace sont deux choses différentes. Ecwid est une solution de commerce en ligne que vous pouvez utiliser pour créer votre boutique en ligne à partir de zéro. Une fois inscrit à un compte Ecwid, vous pouvez intégrer votre boutique en ligne à votre site Web Squarespace. afin que vos clients puissent ajouter des produits au panier et y passer commande. Plus tard, vous pouvez étendre votre boutique à d'autres canaux de vente comme Facebook, Instagram ou Amazon.

Pour ajouter une boutique Ecwid à votre site Squarespace, vous devez être sur un Plan Business ou Commerce. Sur Ecwid, vous pouvez être sur n'importe quel plan, y compris le plan gratuit.

Ajouter une boutique à Squarespace

Pour ajouter une boutique Ecwid à Squarespace :

  1. À partir de l'administration Ecwid, accédez à Canaux de vente → Squarespace.
  2. Tout d'abord, copiez le code d'intégration en cliquant sur Copier le code dans le presse-papiers :

    Selling_on_Squarespace__7_.png

  3. Dans votre compte Squarespace, ouvrez le menu Accueil cliquez sur Pages et sélectionnez la page où vous voulez que votre boutique apparaisse, ou ajouter une nouvelle page :

    Selling_on_Squarespace__3_.png

  4. Survolez la zone de page et cliquez sur Modifier :

    Selling_on_Squarespace__2_.png

  5. Passez votre souris sur la page et cliquez sur Ajouter une section pour ajouter un nouveau bloc de contenu à cette page, puis sélectionnez l'option Ajouter un espace vide + sur le côté gauche :

    Selling_on_Squarespace__5_.png

  6. Vous verrez un bloc ajouté au milieu de votre page. Passez votre souris sur le centre du bloc. Cliquez sur le + Ajouter le bloc pour voir les options de contenu du bloc et cliquez sur </> Code.
  7. Dans la fenêtre contextuelle, supprimez l'échantillon de code et ajoutez votre code de boutique Ecwid que vous avez copié à l'étape 2. Il sera enregistré automatiquement.
  8. Redimensionnez le bloc de code pour vous assurer que votre magasin apparaît à la bonne taille.
  9. (facultatif) Vous pouvez ajouter des extensions de magasin comme le menu de navigation par catégorie, Panier supplémentaire, et Boîte de recherche de produit à la page de votre boutique. Pour ce faire, allez dans votre administration Ecwid → Canaux de vente → Squarespace, descendez jusqu'à Extensions de boutique, choisissez l'extension que vous souhaitez ajouter, et copiez le code dans le bloc de code sur Squarespace où vous avez précédemment ajouté le code d'intégration d'Ecwid. Ils apparaîtront sur la page dans le même ordre que leurs codes sont ajoutés.
    Pour ajouter une certaine catégorie ou un produit au lieu de toute la boutique, utilisez l'un des codes ci-dessous comme première partie du code d'intégration Ecwid :
    <div id='my-store-0000' data-default-category-id='1111'></div>
    <div id='my-store-0000' data-default-product-id='2222'></div>

    Remplacez 0000 par votre identifiant de boutique. Remplacez 2222 et 1111 par la catégorie ou l'ID produit respectifs.
  10. Maintenant, vous devez ajouter le code de script d'Ecwid à Squarespace. À partir de l'interface d'administration d'Ecwid, allez à Canaux de vente → Squarespace à nouveau et cliquez sur le deuxième Copier du code dans le presse-papiers pour obtenir un code de script que vous devrez ajouter au pied de page de votre site :

    Selling_on_Squarespace__1_.png

  11. Retournez à votre compte Squarespace et Dans le menu Accueil , allez dans Site web → Pages → Outils du site Web → Injection de Code.
  12. Dans la section Pied de page , collez le code de script que vous avez copié à l'étape 9.
  13. Cliquez sur Enregistrer dans le coin supérieur gauche.

C'est fini ! Maintenant votre boutique en ligne Ecwid est intégrée à votre site Squarespace.

Selling_on_Squarespace__6_.png

Ajouter deux boutiques à Squarespace

Si vous gérez deux boutiques avec des inventaires séparés dans deux endroits, ou si vous souhaitez mettre en place une seconde boutique en ligne afin de séparer les produits en gros et les commandes des produits de détail, Vous pouvez ajouter deux boutiques Ecwid à un site Squarespace.

Il n'y a pas d'option pour ajouter deux boutiques sur la même page de votre site Squarespace. Vous pouvez quand même ajouter des boutiques Ecwid sur différentes pages de votre site Web. De cette façon, vous aurez deux boutiques sur un seul site.

Pour ajouter deux boutiques Ecwid à votre site Squarespace :

  1. Dans votre compte Squarespace, ouvrez le menu Accueil cliquez sur Pages et sélectionnez la page où vous voulez que votre première boutique apparaisse, ou ajouter une nouvelle page :

    Selling_on_Squarespace__3_.png

  2. Survolez la zone de page et cliquez sur Modifier :

    Selling_on_Squarespace__2_.png

  3. Cliquez sur Ajouter une section pour ajouter un nouveau bloc de contenu à cette page, puis sélectionnez l'option Ajouter un élément + sur le côté gauche :

    Selling_on_Squarespace__5_.png

  4. Vous verrez un bloc ajouté au milieu de votre page. Passez votre souris sur le centre du bloc. Cliquez sur le + Ajouter le bloc pour voir les options de contenu du bloc et cliquez sur </> Code.
  5. À partir de l'administration Ecwid, accédez à Canaux de vente → Squarespace. Copiez à la fois le code d'intégration Ecwid et le code de script Ecwid vers la fenêtre contextuelle de Code dans l'éditeur de votre site Squarespace . Il sera enregistré automatiquement.
  6. Redimensionnez le bloc de code pour vous assurer que votre magasin apparaît à la bonne taille.
  7. (facultatif) Vous pouvez ajouter des extensions de magasin comme le Menu de navigation par catégorie, Panier supplémentaire, et Boîte de recherche de produit à la page de votre boutique. Pour ce faire, allez dans votre administration Ecwid → Canaux de vente → Squarespace, descendez jusqu'à Extensions de boutique, choisissez l'extension que vous souhaitez ajouter, et copiez le code dans le bloc de code sur Squarespace où vous avez précédemment ajouté des codes. Ils apparaîtront sur la page dans le même ordre que leurs codes sont ajoutés.
  8. Enregistrez les modifications.
  9. Répétez les étapes ci-dessus pour la seconde boutique.
Pour ajouter une certaine catégorie ou un produit au lieu de toute la boutique, utilisez l'un des codes ci-dessous comme première partie du code d'intégration Ecwid :
<div id='my-store-0000' data-default-category-id='1111'></div>
<div id='my-store-0000' data-default-product-id='2222'></div>
Remplacez 0000 par votre identifiant de boutique, 2222 et 1111 avec la catégorie ou l'ID du produit.

C'est fini ! Maintenant votre boutique en ligne Ecwid est intégrée à votre site Squarespace.

two_Ecwid_stores_on_Squarespace.png

Si la page de la boutique n'est pas liée à la navigation, assurez-vous de le déplacer dans le menu de votre site et commencer à accepter les commandes en ligne.

Ajout d'un produit unique à Squarespace

Vous pouvez transformer votre page ordinaire sur un site Squarespace en un canal de vente en ajoutant un Bouton d'achat. Le bouton d'achat Ecwid ressemble à une fiche produit avec l'option de page de paiement et peut être ajouté à n'importe quelle page du site Web. Un bouton d'achat est également un excellent outil si vous n'avez pas besoin d'ajouter le catalogue entier à votre site et souhaitez simplement mettre en avant un seul produit.

Pour intégrer un bouton d'achat, vous devez avoir souscrit un abonnement Business et Commerce Squarespace.

Pour ajouter un bouton d'achat à votre site Squarespace :

  1. Depuis votre interface d'administration Ecwid, accédez à Canaux de vente.
  2. Faites défiler vers le bas jusqu'à la carte Boutons d'achat et cliquez sur Commencer.
  3. Cliquez sur Choisir le produit et utilisez la barre de recherche pour choisir un produit que vous souhaitez intégrer.
  4. Choisissez une disposition et décidez quels détails de produit afficher.
  5. Cliquez sur Générer le code, puis cliquez sur Copier le code.
  6. Ouvrez votre Tableau de bord Squarespace, puis choisissez le site où vous voulez que votre bouton d'achat apparaisse.
  7. Cliquez sur Pages, sélectionnez la page Web pour le bouton d'achat et cliquez sur Modifier.
  8. Trouvez l'élément sur la page où vous souhaitez que votre bouton d'achat apparaisse, déplacez votre curseur sur la zone de contenu de la page, puis cliquez sur + Ajouter un bloc.
  9. Dans le menu contextuel, sélectionnez Code.
  10. Dans le champ de texte, collez le code que vous avez copié de votre interface d'administration Ecwid. Assurez-vous que le champ de texte est défini pour recevoir du code HTML. Redimensionnez le bloc si nécessaire pour adapter la taille du bouton.
  11. Cliquez sur Terminé pour enregistrer les modifications.

C'est tout ! Maintenant, vous avez une fiche de produit intégrée dans votre site Web. Lorsqu'un client cliquera sur le bouton Acheter maintenant ou Ajouter au panier, le produit sera ajouté au panier et le client pourra finaliser sa commande sans quitter votre site :

buy_now_button.gif

Articles connexes

Vous avez une commande ? Prochaines étapes
Marquer des produits sur Instagram
Vendre sur Facebook

Cet article vous a-t-il été utile ?

Génial ! Merci pour vos commentaires !

Merci pour vos commentaires !

Nous sommes désolés ! Que s'est-il passé ?
Utilisateurs qui ont trouvé cela utile : 28 sur 32
10
Nous utilisons des cookies et des technologies similaires pour garder vos préférences en mémoire, mesurer l'efficacité de nos campagnes et analyser des données anonymisées afin d'améliorer les performances de notre site. En choisissant « Accepter », vous acceptez l'utilisation de cookies.
Accepter les cookies Refuser