Ajouter un popin

[vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/2″][vc_empty_space height= »30px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474983308462{margin-bottom: -10px !important;} »]

Ajouter et paramètrer un popin

[/vc_column_text][vc_column_text letter_spacing= » » css= ».vc_custom_1474983332211{margin-right: 5% !important;} »]

Racontr permet d’ajouter un plugin popin qui se déclenche lorsque l’utilisateur clique dessus. Très utiles pour illustrer vos projets !

[/vc_column_text][/vc_column][vc_column width= »1/2″][vc_empty_space height= »90px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474983352251{margin-left: 5% !important;} »]

Voici les différentes options que nous allons aborder dans ce tutoriel:

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top= » »][vc_column width= »5/6″][vc_single_image image= »123″ img_size= »full » alignment= »center »][vc_empty_space height= »10px »][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

Première étape : Ajouter un popin

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

  1. Pour ajouter un popin, cliquez sur l’icône « + » dans le menu de gauche de votre éditeur de page. Cliquez sur « ajouter un popin ».
  2. La zone bleu est invisible lorsque le projet est publié. Lorsque l’utilisateur clique dessus, il ouvre la popin.

[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5824″ img_size= »full » onclick= »link_image » css= ».vc_custom_1464005862912{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height= »50px »][vc_separator color= »custom » accent_color= »#e8e8e8″][vc_empty_space height= »30px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

Paramétres du popin

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

  1. Cliquez sur la zone bleu, puis sur « paramètres de l’élément ».
  2. Vous pouvez choisir un titre, une description, customiser vos polices d’écritures, changer la couleur de fond et ajouter une image, une vidéo, une iframe ou une page de projet dans le contenu.

Tips: Vous pouvez déclencher une action au clic lorsque l’utilisateur ferme la popin ![/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5821″ img_size= »full » onclick= »link_image » css= ».vc_custom_1464005878751{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width= »1/6″][vc_empty_space height= »50px »][vc_widget_sidebar sidebar_id= »sidebar-1″][/vc_column][/vc_row][vc_row padding_top= »0″ padding_bottom= »0″][vc_column][vc_empty_space][vc_single_image image= »132″ img_size= »full » alignment= »center »][/vc_column][/vc_row][vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/3″][vc_empty_space][vc_column_text letter_spacing= » »]

Plus de
tutoriels :

[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]

[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]

[/vc_column_text][/vc_column][/vc_row]

Saving

Vous connecter avec vos identifiants

ou    

Vous avez oublié vos informations ?