Utilisation des widgets sociaux sur les sites web Adobe Muse

Ouvrez la page dans laquelle vous souhaitez ajouter des widgets sociaux. Cliquez sur Fenêtre > Bibliothèque de widgets, puis cliquez sur Social.

La liste complète des widgets sociaux s’affiche.

Faites glisser le widget social que vous souhaitez ajouter, puis utilisez l’outil Sélection afin de le placer à l’endroit souhaité.

A l’aide de l’outil Sélection, vous pouvez transformer le widget sélectionné en faisant glisser ses poignées. Vous pouvez également cliquer au centre du widget et le faire glisser pour le repositionner par rapport aux autres éléments du site.

Notez qu’une flèche bleue apparaît dans le coin supérieur droit du widget. Cliquez sur cette flèche pour ouvrir le panneau Options. Ce panneau permet de configurer les widgets sociaux.

Le panneau Options est accessible à tout moment en cliquant sur la flèche bleue dans le coin supérieur droit du widget, lorsque le widget est sélectionné.

Lisez la procédure suivante pour savoir comment configurer les widgets sociaux.

Pour configurer le widget Badge Adobe Muse, faites glisser et placez le widget à partir de Bibliothèque de widgets > Social. Cliquez sur la flèche bleue dans le coin supérieur droit du widget. Sélectionnez Clair ou Foncé dans le champ Modèle de couleurs.

Le widget Aimer sur Facebook vous permet d’ajouter une zone dans laquelle les visiteurs peuvent afficher et visiter la page Facebook liée au site. Pour configurer ce widget, faites glisser et placez le widget Aimer sur Facebook depuis Bibliothèque de Widgets > Social. Cliquez sur la flèche bleue dans le coin supérieur droit du widget. Vous pouvez configurer les options suivantes :

• Action : sélectionnez J’aime ou Recommander dans ce champ. En fonction de votre sélection, le nombre de mentions J’aime ou le nombre de recommandations s’affiche.
• Mise en page : dans ce champ, vous pouvez choisir Standard, Compteur de boutons ou Compteur de cases. Lorsque vous sélectionnez la mise en page standard, le nombre de mentions J’aime et les mots encourageant les utilisateurs à s’inscrire s’affichent. Lorsque vous sélectionnez Compteur de boutons, seul le nombre de mentions J’aime ou de recommandations s’affiche. La mise en page Compteur de cases affiche le nombre de mentions J’aime ou de recommandations sous forme de zone carrée.
• Modèle de couleurs : sélectionnez le modèle de couleurs Clair ou Foncé pour ce widget.
• URL à aimer : saisissez l’URL qu’un visiteur doit aimer. Cochez la case Page active si vous souhaitez que le visiteur du site aime la page active du site.
• Afficher Envoyer : cochez cette case si vous souhaitez que le bouton Partager soit affiché en plus de J’aime ou Recommander.

Pour configurer le widget Suivre sur Facebook, faites glisser et placez le widget depuis Bibliothèque de widgets > Social. Cliquez sur la flèche bleue dans le coin supérieur droit du widget. Vous pouvez ensuite configurer les widgets suivants :

• Mise en page : sélectionnez Standard, Compteur de boutons ou Compteur de cases pour configurer la manière dont vous voulez que le widget apparaisse sur le site.
• Modèle de couleurs : sélectionnez Clair ou Foncé pour le widget.
• URL du profil : indiquez l’URL du profil Facebook que le visiteur du site doit suivre.

Pour configurer le widget Commentaires Facebook, faites glisser et placez le widget à partir de Bibliothèque de widgets > Social. Cliquez sur la flèche bleue dans le coin supérieur droit du widget. Dans le panneau Options, vous pouvez configurer les options suivantes :

• Afficher l’interface utilisateur mobile : cochez cette case pour afficher une mise en page différente du widget, adaptée aux écrans mobiles.
• Modèle de couleurs : sélectionnez le modèle de couleurs Clair ou Foncé pour ce widget.
• Trier par : sélectionnez l’option Trier par pour trier les commentaires par date (de la plus ancienne à la plus récente, ou l’inverse) ou en fonction du classement sur les réseaux sociaux.
• Nombre de publications : indiquez le nombre de publications que vous souhaitez afficher sur le site.
• URL à commenter : indiquez l’URL à propos de laquelle les visiteurs du site publient des commentaires. Si vous voulez utiliser la page Adobe Muse active en tant qu’URL, cochez la case Page active.

Pour configurer le widget Google Maps, faites glisser et placez le widget à partir de Bibliothèque de Widgets > Social. Cliquez sur la flèche bleue dans le coin supérieur droit du widget Google Maps. Depuis le panneau Options, vous pouvez configurer les paramètres suivants :

• Adresse : ajoutez l’adresse pour spécifier la zone affichée. 
• Type de carte : sélectionnez Carte routière ou Satellite pour choisir la vue de carte routière ou la vue satellite Google Earth. Vous pouvez également sélectionner Hybride ou Terrain comme type de carte.
• Développer les informations sur le point de référence : cochez cette case pour afficher la fenêtre d’informations lorsqu’un utilisateur clique sur un repère sur la carte.
• Niveau de zoom : réglez le niveau de zoom pour votre widget Google Maps.

Pour configurer le widget Google+, faites glisser et placez le widget dans la vue Conception. Ouvrez le panneau Options en cliquant sur la flèche bleue dans le coin supérieur droit du widget. Vous pouvez ensuite configurer les options suivantes :

• Taille : sélectionnez la taille du widget, c’est-à-dire la manière dont il doit s’afficher sur le site. Choisissez Petit, Moyen ou Standard.
• Annotation : sélectionnez l’emplacement où vous souhaitez afficher l’annotation associée à ce widget. Vous pouvez placer l’annotation en ligne, dans une bulle, ou choisir de ne pas avoir d’annotation.
• URL : indiquez l’URL à laquelle les visiteurs accèdent lorsqu’ils cliquent sur ce widget. Saisissez l’URL de destination dans ce champ ou cochez la case Page active si vous souhaitez que la destination soit la page active.

Pour configurer le widget LinkedIn, faites glisser et placez le widget dans la vue Conception. Ouvrez le panneau Options en cliquant sur la flèche bleue dans le coin supérieur droit du widget. Vous pouvez ensuite configurer les options suivantes :

• URL à partager : indiquez l’URL vers laquelle un visiteur est redirigé lorsqu’il clique sur le widget. Vous pouvez soit saisir l’URL dans le champ, soit cocher la case Page active.
• Compteur : indique le nombre de connexions. Sélectionnez Droite ou Haut pour sélectionner les propriétés d’affichage. Vous pouvez également choisir Aucun pour ne pas afficher le nombre de connexions.

Utilisez le widget PayPal pour configurer des opérations de paiement en ligne. Vous pouvez ajouter un bouton sur la page et définir les montants à transférer vers un compte PayPal spécifique via l’adresse e-mail associée au compte. Cliquez sur la flèche bleue dans le coin supérieur droit du widget pour configurer les paramètres suivants.

• Type : choisissez l’un des types de bouton à partir de ce champ. Par exemple, Acheter maintenant, Afficher le panier, Ajouter au panier, etc.
• Image de bouton : ajoutez un fichier d’image pour votre bouton. Cliquez sur Ajouter un fichier pour rechercher le fichier d’image sur votre ordinateur local. Ce champ est activé pour les types de bouton Acheter : personnalisé, Faire un don : personnalisé, Ajouter au panier : personnalisé et Afficher le panier : personnalisé.
• Taille : la taille du bouton sur le site en ligne. Vous pouvez choisir une petite ou une grande taille.
• E-mail pour paiement : adresse e-mail du destinataire.
• Montant : ajoutez le montant numérique dans cette zone.
• Devise : devise dans laquelle vous voulez que la transaction soit effectuée.
• Nom de l’article : nom personnalisé de l’article que vous pouvez spécifier.
• Numéro de l’article : numéro ou code que vous souhaitez attribuer à un article.
• Taxe : montant de la taxe pour un article.
• Frais d’expédition : frais d’expédition pour un article.

Pour configurer le widget Pinterest, faites glisser et placez le widget dans votre mise en page. Cliquez sur la flèche bleue dans le coin supérieur droit du widget pour ouvrir le panneau Options. Vous pouvez configurer les options suivantes dans ce panneau :

• Type de bouton : choisissez le type de bouton que vous voulez afficher sur le site. Sélectionnez Epingler ou Me suivre dans ce champ déroulant.
• Nom d’utilisateur Pinterest : indiquez le nom d’utilisateur Pinterest dans ce champ. Ce champ est activé uniquement lorsque vous sélectionnez Me suivre dans le champ Type de bouton.
• Etiquette : indiquez le nom de l’étiquette ou le nom qui s’affiche lorsque vous sélectionnez Me suivre dans le champ Type de bouton.

Pour configurer le widget Suivre sur Twitter, faites glisser et placez le widget dans votre mise en page. Cliquez sur la flèche bleue dans le coin supérieur droit du widget. Utilisez le panneau Options pour configurer les options suivantes :

• Suivre @ : indiquez le pseudo Twitter dans ce champ. Par défaut, la valeur s’affiche dans le widget.
• Taille : sélectionnez Moyen ou Grand pour afficher le widget dans la taille de votre choix. 
• Afficher le nom d’utilisateur : cochez cette case si vous souhaitez afficher le nom d’utilisateur que vous avez indiqué dans le widget.

Pour configurer le widget Tweeter sur Twitter, faites glisser et placez le widget dans votre page Adobe Muse. Cliquez sur la flèche bleue dans le coin supérieur droit du widget. Vous pouvez configurer les options suivantes depuis le panneau Options :

• Partager l’URL : indiquez l’URL vers laquelle le visiteur est redirigé lorsqu’il clique sur le widget. Pour utiliser la page active du site comme destination, cochez la case Page active.
• Taille : sélectionnez Moyen ou Grand comme taille de widget.
• Texte du tweet : indiquez le texte personnalisé du tweet dans ce champ.
• Recommander @ : indiquez le nom d’utilisateur ou le pseudo Twitter dans ce champ.
• Afficher le compteur : cochez cette case si vous voulez afficher les données liées au tweet.

Pour configurer le widget Vimeo, ajoutez le widget depuis Bibliothèque de widgets > Social. Cliquez sur la flèche bleue dans le coin supérieur droit du widget. Dans le panneau Options, vous pouvez configurer les paramètres suivants :

• ID de la vidéo : spécifiez l’ID du fichier vidéo ici. 
• Couleur des contrôles de la vidéo : entrez le code hexadécimal ou sélectionnez la couleur souhaitée pour les commandes vidéo dans ce champ.
• Afficher le portrait : sélectionnez cette option si vous souhaitez que le portrait soit affiché en arrière-plan lors de la lecture de la vidéo.
• Afficher le titre : sélectionnez cette option si vous voulez afficher le titre de la vidéo.
• Afficher la signature : sélectionnez cette option si vous souhaitez que la signature soit affichée dans la vidéo.
• Lecture auto : sélectionnez cette option si vous souhaitez que la vidéo soit lue automatiquement dans le site en ligne.
• Boucle : sélectionnez cette option si vous souhaitez que la vidéo soit lue en boucle dans le site en ligne.

Pour configurer le widget YouTube, ajoutez le widget depuis Bibliothèque de widgets > Social. Cliquez sur la flèche bleue dans le coin supérieur droit du widget. Dans le panneau Options, vous pouvez configurer les paramètres suivants :

• ID de vidéo : entrez l’ID de la vidéo que vous souhaitez ajouter à votre site.
• Thème : sélectionnez Clair ou Foncé comme thème de ce widget. 
• Couleur de la barre de progression : sélectionnez la couleur blanche ou rouge pour la barre de progression.
• Début : spécifiez le point de départ de la lecture de la vidéo sur le site.
• Afficher les commandes : sélectionnez cette option pour afficher les options de contrôle de la vidéo YouTube dans votre site.
• Autoriser le plein écran : cochez cette case pour autoriser les utilisateurs à visualiser cette vidéo en mode plein écran.
• Afficher les informations : sélectionnez cette option si vous voulez afficher les informations sur la vidéo en-dessous de celle-ci.
• Afficher les annotations : sélectionnez cette option si vous souhaitez que les annotations ou les textes de calque apparaissent dans les vidéos.
  
• Lecture auto : sélectionnez cette option si vous souhaitez que la vidéo soit lue automatiquement sur le site en ligne.
• Afficher les vidéos associées : sélectionnez cette option si vous souhaitez afficher les vidéos YouTube associées.
  
• Boucle : sélectionnez cette option si vous souhaitez que la vidéo soit lue en boucle et en continu.