Page Comparison

Menu

1. Design

2. Affichage

Définition

Un widget est une animation qui apparaît sur votre site.

Voici la liste des widgets que vous pouvez mettre en place :

Tester

Dans la configuration de votre widget, le bouton  vous permet de tester vos modifications.

Redirection

Dans la liste déroulante, vous pouvez sélectionner la page de redirection de votre widget vers : 

• un module

Il s'agit de l'option utilisée le plus souvent.

• une URL de votre choix

Exemples : une page spécifique de votre site, un site partenaire...

• aucune redirection

Cliquez sur le bouton vert pour désactiver le lien du widget.

Configuration

Anchor
design_ancre design_ancre

Onglet "Design"

Sous-onglet "Style"

Créez le contenu de votre widget en wysiwyg ou en HTML.

• Wysiwyg : De l'anglais "What You See Is What You Get" qui signifie "Ce que vous voyez est ce que vous obtenez", concrètement cela signifie qu'en utilisant la zone de texte fournie et en mettant en forme vos éléments, vous obtiendrez exactement ce que vous mettez en place.
• HTML : En cliquant sur "Source" vous pouvez atteindre le code source de votre widget et ainsi réaliser la mise en forme ou des modifications directement en HTML. 

Couleur de fond

Indiquez la couleur de fond de votre widget en hexadécimal (#FFFFFF).

Couleur du texte et de la croix

Indiquez la couleur du texte et de la croix / des chevrons de fermeture.

Image de fond

Téléchargez une image de fond.

Réglez l'opacité (en %) pour que le texte soit plus ou moins visible.

Exemple :

Ajouter une image

Cet outil permet d'insérer une image à un endroit bien précis selon le widget :

• Apparition dans l'angle : En haut à gauche.
• Bannière Gauche : En haut de l'onglet.
• Pieds de page : A gauche du texte.

Sous onglet "Action"

Le widget peut rediriger vers :

• Un module que vous aurez sélectionné
• Un lien personnalisé (pour promouvoir votre page nouveauté par exemple)

Ajouter un bouton

Ajoutez un bouton redirigeant vers ce que vous avez sélectionné au dessus. Vous pouvez modifier sa taille, son texte, son emplacement ainsi que ses couleurs.

Ajouter un formulaire email

Vous pouvez insérer un champ email à votre widget.

Ce formulaire email ne réalise pas d'acquisition dans la Customer Family, il permet uniquement d'autoconnecter les internautes au module lié avec leur adresse email.

L'internaute ne verra donc pas l'étape de connexion au module et tombera directement sur l'acquisition de données. 

Sous-onglet "Fermeture"

Sous-onglet CSS

Image Removed

Vous avez la possibilité de faire du code CSS pour changer le visuel du widget.

Image Added

Anchor
affichage_ancre affichage_ancre

Onglet "Affichage"

• "Sur toutes les pages" permet d'afficher votre widget sur toutes les pages de votre site.

• "Sur toutes les pages sauf celles dont l'URL contient le ou les mot(s)" permet d'afficher votre widget partout sur votre site sauf certaines pages choisies grâce à leur url.

  No Format

  Exemples   - Si j'indique "panier", le widget s'affichera partout sauf sur les pages dont l'url contient le mot panier (http://www.monsite.fr/panier, http://www.monsite.fr/articles/panier_en_osier, ...). - Si j'indique "panier,achat,nouveaute", le widget ne s'affichera pas sur les pages dont l'url contient au moins l'un de ces mots. - Si j'indique "articles/vestes,articles/robes", le widget ne s'affichera pas sur les pages dont l'url contient "articles/vestes" ou "articles/robes" (http://www.monsite.fr/article/vestes/cuir).

  
  

• "Seulement sur les pages dont l'url contient le ou les mot(s)" permet de cibler les pages où l'on veut afficher le widget.
• "Uniquement sur la page d'accueil

• "Uniquement sur la première page chargée" permet d'afficher le widget sur la page où le visiteur arrive la première fois (cela peut être n'importe quelle page de votre site) et ne l'affichera plus ensuite. 
• "Sur toutes les pages sauf la première page chargée"
• "Gestion manuelle de l'affichage"

Pour activer un widget à partir d'un site de façon "manuelle" on peut faire un lien du genre :

<a href="#" onclick="Spread.loadOneWidget(xxxx,1);return false;">Cliquez ici</a>

Le "Spread.loadOneWidget(xxxx,1)" vous est donné à la sélection de l'option "Gestion manuelle de l'affichage".

Ou encore utiliser l'identifiant que nous vous fournissons. Il vous suffit d'indiquer l'identifiant "/#sb24517" après l'URL de votre site. 

Par exemple : l'identifiant de mon widget est le #sb24517, l'URL de mon site est http://www.monsite.com du coup, l'URL que je dois indiquer dans ma bannière est la suivante : http://www.monsite.com/#sb24517

Afficher le widget sur les écrans suivants

Vous pouvez choisir les canaux sur lesquels les widgets peuvent apparaître :

• Sur ordinateur
• Sur tablette
• Sur mobile

Si vous le souhaitez, vous pourrez ajouter plusieurs widgets différents pour chaque canal.

Afficher le widget basé sur un nombre de pages vues

• Tout le temps
• Après X pages
• Toutes les X pages
• Après X pages par visite

Option

• Si le widget a été fermé lors d'une visite précédente, forcer l'affichage lors d'une nouvelle visite.

Au bout d'une heure sans aller sur votre site, si le visiteur revient, le widget se ré-ouvrira en entier.

Condition d'affichage après le chargement de la page

• Afficher immédiatement après le chargement du site
• Afficher au bout de X secondes passées sur la page
• Afficher quand l'utilisateur essaye de quitter la page (lorsque le visiteur dirige sa souris vers la croix de fermeture)

Cibles

Pour en savoir plus sur cette option > Ciblage des widgets

Cibler les visiteurs par tag de campagne (UTM)

Cibler des clients par segments

Activation du widget

Une fois le widget activé, vous le verrez apparaître sur votre site !