Comment mettre en place un widget de type commun ?

Les widgets “commun” sont disponibles sur l’ensemble des types de pages et sur la mise en page.


Widget Formulaire

1/ Editez une “page” ou “mise en page”, puis glissez le “widget commun” nommée “FORMULAIRE” à l’emplacement où vous désirez l’utiliser.

2/ Les options d’éditions vous permettent :

  • De choisir le rédactionnel du bouton (ainsi que diverses options de mise en forme via le WYSIWYG)
  • Choisir le type de police (font)
  • Choisir l’alignement du formulaire (gauche, centre, droite)
  • Choisir l’alignement du label, qui correspond au titre de votre champ (gauche, centre, droite)
  • La largeur de votre formulaire en % (ex : 50%)
  • Arrondi
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur du fond du “formulaire”- Choisir la couleur des labels, description du “formulaire”

BOUTON : Construire le formulaire

1/ Editez une “page” ou “mise en page”, puis sur un “FORMULAIRE” existant cliquez sur “Construire le formulaire”.

2/ Champ : Les options d’éditions vous permettent- De choisir différents types de champs prédéfinis (nom et email ne peuvent pas être supprimés) :

  • Prénom
  • Téléphone
  • Mobile
  • Civilité
  • Société
  • Message
  • Joindre un document
  • Fonction
  • Vous pouvez également utiliser les différents champs personnalisés que vous avez activé sur les sites.
  • Le label de chaque champ peut être changé
  • Le placeholder (texte visible dans un champ avant de remplir ce dernier. Ex : “votre email”)
  • Par défaut les champs sont “non requis”. En cochant la case “requis”, vous rendez obligatoire ce dernier.

3/ Paramètres :

  • Activer la réponse automatique (oui / non)
  • Si oui, alors un email de confirmation sera envoyée au client et vous devez remplir :
    • L’objet de l’email
    • Le contenu de l’email (structure email par défaut de Sellsy)

BOUTON : Image de fond

1/ Editez une “page” ou “mise en page”, puis sur un “FORMULAIRE” existant cliquez sur “Image de fond”.

2/ Vous pouvez :

  • Envoyer un visuel (Ordinateur)
  • Récupérer un visuel (bibliothèque)
  • Utiliser une URL (Lien)

BOUTON : redirection

1/ Editez une “page” ou “mise en page”, puis sur un “FORMULAIRE” existant cliquez sur “Redirection”.

2/ Vous pouvez :

  • Activer l’affichage d’une popup de succès ou d’erreur
  • Choisir le rédactionnel de votre message de “succès” et “erreur”
  • Choisir l’URL de redirection
    • Page (vous proposera de choisir une page existante sur votre site)
    • Catégorie (vous proposera de choisir une catégorie existante sur votre site)
    • Produit (vous proposera de rechercher par autocomplétion, un produit existant)
    • Liens externe (vous proposera d’inscrire un lien externe. Ex : www.sellsy.fr)

Widget Titre

1/ Editez une “page” ou “mise en page”, puis sur un “TITRE”.

2/ Vous pouvez :

  • Choisir le type de titre (H1, H2, H3, H4, H5 ou H6)
  • Choisir un style custom (ex : style_title_1). http://faq.sellsy.fr/aide/categorie/452
  • Choisir le type de police (font)- Choisir la taille de la police (font)
  • Choisir l’alignement (gauche, centre, droite)
  • Choisir la couleur du fond
  • Choisir la couleur du titre

Widget Texte

1/ Editez une “page” ou “mise en page”, puis sur un “TEXTE”.

2/ Vous pouvez :

  • Choisir le type de titre (H1, H2, H3, H4, H5 ou H6)
  • Choisir un style custom (ex : style_title_1). http://faq.sellsy.fr/aide/categorie/452
  • Choisir le type de police (font)
  • Choisir la taille de la police (font)
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur du fond
  • Choisir la couleur du titre

Widget Image

1/ Editez une “page” ou “mise en page”, puis sur un “IMAGE”.

2/ Vous pouvez :

  • Choisir l’URL de redirection
    • Page (vous proposera de choisir une page existante sur votre site)
    • Catégorie (vous proposera de choisir une catégorie existante sur votre site)
    • Produit (vous proposera de rechercher par autocomplétion, un produit existant)
    • Liens externe (vous proposera d’inscrire un lien externe. Ex : www.sellsy.fr)
  • Ajouter un rédactionnel au visuel
  • Ajouter un texte alternatif au visuel
  • Choisir l’alignement du texte (gauche, centre, droite)
  • Choisir la taille de la police (font)
  • Arrondi correspond aux angles de votre visuel qu’il est possible d’ajuster
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Opacité du visuel (entre 0 et 1, avec 0 vous cachez totalement votre visuel, et 1 l’affichez. Ex : 0.8 pour avoir un léger effet de transparence)
  • Choisir la couleur du fond- Choisir la couleur du texte

Widget carrousel d’image

1/ Editez une “page” ou “mise en page”, puis sur un “CARROUSEL”.

2/ Vous pouvez :

  • Opacité du visuel (entre 0 et 1, avec 0 vous cachez totalement votre visuel, et 1 l’affichez. Ex : 0.8 pour avoir un léger effet de transparence)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur du fond- Choisir la couleur du texte

BOUTON : Modifier le carrousel

Réglages de la galerie :

  • Boucler sur les visuels
  • Afficher / cacher les flèches précédent / suivant
  • Lancer automatiquement le carrousel, ou rester figé sur le 1er visuel
  • Arrêter le défilement du carrousel lorsque votre souris se situe au dessus de ce dernier
  • Choisir la vitesse de défilement des visuels (en ms. Ex : 2000 pour 2 secondes entre chaque visuel)

Modèle de galerie :

  • Choisissez le rendu pour votre carrousel, puis cliquez sur “Valider”

BOUTON : Modifier les diapositives

Vous pouvez :

  • Ajouter un nouveau visuel en cliquant sur “Ajouter une slide” (bouton vert)
  • Au survol d’un visuel sur la gauche, un menu d’option apparaît. Vous permettant de :
    • Icône corbeille : Supprimer le visuel (une confirmation sera requise)
    • Icône engrenage : Editer les options (situées ensuites sur la droite)
    • Icône croix : Déplacer le visuel. Cela vous permet de choisir l’ordre d’affichage des visuels de votre carrousel
    • Icône image : Choisir le visuel à utiliser sur le carrousel
  • La colonne de droite correspond à l’édition. Elle permet :
    • Choisir le visuel à utiliser. En cliquant sur l’icône image en haut à droite
    • Choisir un “Texte alternatif”, qui sera affiché si votre visuel ne peut pas être chargé / affiché
    • Choisir le “Texte de la diapositive” qui sera affiché sur votre visuel
    • Choisir la “Position du texte” (disponible : chaque angle, ainsi que chaque côté)
    • Choisir l’URL de redirection :
      • Page (vous proposera de choisir une page existante sur votre site)
      • Catégorie (vous proposera de choisir une catégorie existante sur votre site)
      • Produit (vous proposera de rechercher par autocomplétion, un produit existant)
      • Liens externe (vous proposera d’inscrire un lien externe. Ex : www.sellsy.fr)

Widget vidéo

1/ Editez une “page” ou “mise en page”, puis sur un “VIDEO”.

2/ Vous pouvez :

  • Ajouter l’URL (le lien), d’un vidéo provenant de YouTube, Dailymotion et Viméo.
  • Lancer automatiquement la vidéo au chargement de votre page
  • Afficher les suggestions de vidéos à la fin de la lecture (Option uniquement sur YouTube)
  • Afficher les commandes de lecteur (Play/Pause, activer/désactiver le son, timer, sous-titres, paramètres, regarder sur YouTube. Option uniquement sur YouTube)
  • Afficher le titre de la vidéo + le bouton de partage
  • Ajuster la marge interne en pixel (gauche et droite / haut et bas)

Widget carte

1/ Editez une “page” ou “mise en page”, puis sur un “CARTE”.

2/ Vous pouvez :

  • Choisir la localisation de votre carte (ex : 50 avenue du Lazaret, La Rochelle)
  • Choisir le niveau de zoom (plus le chiffre est important, plus le zoom le sera aussi)
  • Choisir un type de carte (Carte routière, Satellite)
  • Choisir la hauteur de la carte
  • Ajuster la marge extérieure en pixel (haut et bas)

Widget code

1/ Editez une “page” ou “mise en page”, puis sur un “CODE”.

2/ Vous pouvez :

  • Ajouter du code HTML, avec des couleurs pour un meilleur rendu
    • Balise : verte
    • Attribut : bleu
    • Valeur : rouge
    • Autre : noir

Widget partager

1/ Editez une “page” ou “mise en page”, puis sur un “PARTAGER”.

2/ Vous pouvez :

  • Activer / Désactiver les réseaux sociaux suivant
    • Facebook
    • Twitter
    • Google+
    • Pinterest
  • Choisir le rendu des icônes (Cercle ou Carré)
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite)
  • Ce module permettra aux visiteurs de votre site de partager le contenu d’une page de votre site, rapidement, sur divers réseaux sociaux.

Widget bouton

1/ Editez une “page” ou “mise en page”, puis sur un “BOUTON”.

2/ Les options d’éditions vous permettent :

  • Choisir l’URL de redirection suite au clique sur le bouton
    • Page (vous proposera de choisir une page existante sur votre site)
    • Catégorie (vous proposera de choisir une catégorie existante sur votre site)
    • Produit (vous proposera de rechercher par autocomplétion, un produit existant)
    • Liens externe (vous proposera d’inscrire un lien externe. Ex : www.sellsy.fr)
  • Ouvrir le lien dans un nouvelle onglet (oui / non)
  • Choisir le style par défaut, ou un style sur mesure
  • Choisir votre police (font)
  • Choisir la taille du texte du bouton (qui aura aussi un impact sur la taille globale du bouton)
  • Choisir l’alignement du bouton (gauche, centre, droite)
  • Arrondi, vous permet d’arrondir les angles du bouton
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur du fond- Choisir la couleur du texte

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