Ajout d’un panier aux sites web Adobe Muse

Remarque :

Adobe Muse n’ajoute plus de nouvelles fonctionnalités et son support cessera le 26 mars 2020. Pour plus d’informations et pour obtenir de l’aide, reportez-vous aux questions fréquentes (FAQ) consacrées à la fin de service Adobe Muse.

Adobe Muse permet de vendre des marchandises via le widget Shopify Cart. Shopify est une solution de commerce électronique qui vous permet de créer une boutique en ligne pour vendre vos produits. Shopify vous permet d’organiser vos produits, personnaliser votre vitrine, accepter des paiements par carte de crédit, suivre et répondre aux commandes, le tout en quelques clics.

Adobe Muse requiert que vous ouvriez un compte sur Shopify pour pouvoir configurer le widget Shopify. Une fois votre compte Shopify créé, vous pouvez l’utiliser pour configurer la boutique de votre site web et vendre des marchandises.

Téléchargement du widget Shopify

  1. Cliquez sur le bouton Get This Widget.

    Le widget Shopify est téléchargé dans votre dossier de téléchargement par défaut. Selon le navigateur que vous avez utilisé pour télécharger le widget et le système d’exploitation de l’ordinateur, le dossier de téléchargement est configuré différemment.

Ajout et configuration d'un panier

Pour ajouter et configurer le bouton Shopify, procédez comme suit :

Remarque :

avant de configurer le widget Shopify dans Adobe Muse, assurez-vous de créer votre boutique et de répertorier vos produits sur votre compte Shopify.

  1. Dans Adobe Muse, sélectionnez Fenêtre > Bibliothèque pour ouvrir le panneau Bibliothèque. Si vous ne l’avez pas déjà fait, cliquez sur le bouton  et importez le widget Shopify.

    Pour obtenir plus d’informations sur le téléchargement du widget Shopify, reportez-vous à la section Téléchargement du widget Shopify.

  2. Dans le panneau Bibliothèque, sélectionnez Adobe Widgets > Widget Shopify, puis faites glisser le widget sur la zone de travail de la page web.  

  3. Sélectionnez le widget Shopify et cliquez sur pour afficher le panneau Options.

  4. Dans le panneau Options, saisissez les éléments suivants :

    Nom de la boutique

    Saisissez le nom de votre boutique. Par exemple, si l’URL de votre boutique est musewidgets.shopify.com, saisissez musewidgets.

    Titre de l’élément

    Indiquez un titre pour l’élément, par exemple le nom du produit.

    Type de bouton

    Indiquez si vous souhaitez afficher uniquement le bouton Acheter.

    Texte du bouton

    Est Acheter maintenant par défaut, mais vous pouvez le renommer selon vos besoins de conception.

    Couleur du bouton

    Utilisez le sélecteur de couleurs pour définir la couleur du bouton.

    Corps

    Vous pouvez définir le bouton pour qu’il affiche une taille Compacte (230 px) ou Normale (450 px).

    Diriger l’utilisateur vers

    Indiquez l’emplacement vers lequel le visiteur du site est redirigé lorsqu’il clique sur le bouton Shopify.

  5. Cliquez en dehors du panneau Options pour terminer. Prévisualisez la page ou le site web à l’aide du mode Aperçu dans Adobe Muse ou sélectionnez l’option Fichier > Prévisualiser la page dans le navigateur.

Ajout et configuration du bouton Shopify

Pour ajouter et configurer le widget Shopify, procédez comme suit :

Remarque :

Avant de configurer le widget Shopify dans Adobe Muse, assurez-vous de créer votre boutique et de répertorier vos produits sur votre compte Shopify.

  1. Dans Adobe Muse, sélectionnez Fenêtre > Bibliothèque pour ouvrir le panneau Bibliothèque. Si vous ne l’avez pas déjà fait, cliquez sur le bouton  et importez le widget Shopify.

    Pour obtenir plus d’informations sur le téléchargement du widget Shopify, reportez-vous à la section Téléchargement du widget Shopify.

  2. Dans le panneau Bibliothèque, sélectionnez Adobe Widgets > Bouton Shopify, puis faites glisser le bouton Shopify sur la zone de travail de la page web.  

  3. Sélectionnez le bouton Shopify et cliquez sur  pour afficher le panneau Options.

  4. Dans le panneau Options, saisissez les éléments suivants :

    Nom Shopify

    Saisissez le nom de votre boutique Shopify. Par exemple, si l’URL de votre boutique est musewidgets.shopify.com, saisissez musewidgets.

    ID de collection Shopify

    Indiquez l’ID de vos collections Shopify.

  5. Cliquez en dehors du panneau Options pour terminer. Prévisualisez la page ou le site web à l’aide du mode Aperçu dans Adobe Muse ou sélectionnez l’option Fichier > Prévisualiser la page dans le navigateur.

Logo Adobe

Accéder à votre compte