Ajouter un bloc Iframe sur une page personnalisée

Vous souhaitez intégrer un contenu d'un autre site, comme un formulaire ou une vidéo, sur votre propre site ? C'est possible grâce aux blocs iframe.

Cet article détaille les points suivants :

• Qu'est-ce qu'un iframe ?
• Où ajouter un bloc iframe à la page ?
• Ajouter et configurer un iframe

Qu'est-ce qu'un iframe ?

Iframe signifie inline frame. C'est en quelque sorte une "fenêtre" ouverte sur un autre site, dont elle prend une partie du contenu. En d'autres termes, l'iframe sert à afficher un contenu d'un site dans un autre site.

Vous avez la possibilité d'ajouter des iframes dans les pages de votre site. 

Où ajouter un bloc iframe à la page ?

Accédez à la page sur laquelle vous souhaitez travailler depuis l'application Site internet. Pour cela : 

1. Aller dans l'application Site internet > Menus et pages ;
2. Sur la page personnalisée (reconnaissable à l'icône ) que vous souhaitez modifier, passer la souris sur les trois points horizontaux ;
3. puis cliquez sur Editer la page.

Vous êtes alors sur la page, en mode édition. 

Si vous êtes connectés en tant qu'administrateur et consultez votre site en mode vitrine, cliquez sur le bouton "Éditer la page" située en haut de chaque page pour accéder directement au menu d'édition.

Ajouter et configurer un iframe

Pour ajouter du texte à votre page, prenez le bloc Iframe et déposez-le sur la grille de votre page : 

Configurer le bloc iframe

Votre bloc déposé sur la grille, une fenêtre d'édition s'ouvre (si le bloc est déjà déposé, il vous suffit de double-cliquer dessus pour ouvrir cette fenêtre). Vous pouvez alors y ajouter : 

• Soit un lien du site dans le champ "URL du site à coller" : Le site entier sera affiché en iframe ;
• Soit un code spécifique dans le champ "Ligne de code à utiliser" : les éléments affichés seront ceux que vous avez demandé d'afficher.

Cette seconde option est pratique pour ajouter en iframe des éléments de sites tels que vidéos Dailmotion, Vimeo, etc. 

Si vous n'arrivez pas à ajouter votre iframe, consultez cet article. 

Nous conseillons cette vidéo pour des explications détaillées sur l'intergration d'un Iframe sur AssoConnect.

Exemple d'intégration d'un tableau d'Airtable dans AssoConnect :

Les autres options du bloc

Des options d'édition s'affichent en haut du menu de gauche (si elles ne s'affichent pas, vérifiez que le bloc est bien sélectionné ou cliquez dessus si ce n'est pas le cas) :

•  Modifier les liens (URL ou code) renseignés (fonctionnalité également accessible en double-cliquant sur le bloc) ;
•  Supprimer le bloc ;
•  Choisir un fond - Vous pouvez choisir la couleur du fond ;
•  Choisir un cadre - Vous pouvez ajouter un cadre et en modifier l'épaisseur en faisant bouger l'échelle qui apparaît. Vous pouvez également modifier la couleur du cadre ;
• Jouer sur les marges extérieures de votre bloc ;
• Dupliquer le bloc à l'identique. Une nouvelle page d'édition s'ouvrira pour modifier le bloc dupliqué si vous le souhaitez.

Une fois vos modifications effectuées, pensez bien à cliquer sur "Enregis." en haut à gauche de votre page d'édition.