Mise en œuvre d'iFrame

Introduction

CODE24 met à disposition un script iFrame pour faciliter l'intégration. Ce script vous permet de transmettre votre propre feuille de style comme paramètre. L'iFrame s'adapte ainsi au design de votre site web.

Nous pouvons définir à l'avance les paramètres de base des éléments suivants :

  • Illustration facultative (bannière publicitaire)
  • Image facultative du localisateur de clés (.jpg ou graphique .png)
  • Couleur primaire (bouton : état normal)
  • Couleur secondaire (boutons : état de survol)
  • Couleur des titres
  • Bouton Rayon
  • Logo du client

Exemple de code

Pour que l'application fonctionne correctement dans tous les navigateurs, il est important d'utiliser l'exemple de code suivant :

Paramater :

    • company (Société)
      Required . (Chaîne) - Le nom de la société pour charger le fichier de base.
      (Exemple : ?company=lokaso)
    • externalCSS (feuille de style externe)
      Facultatif . (Chaîne) (URL absolue) - Pour intégrer un CSS personnalisé.
      (Exemple : &externalCSS=https://bootswatch.com/4/lumen/bootstrap.min.css)
    • privacy (lien vers les informations sur la protection des données)
      Facultatif . (Chaîne) - Afficher un lien avec l'information sur la protection des données (l'information sur la protection des données est liée à la page Internet de Code24).
      (Exemple : ?privacy=true)
    • lang (langue)
      Facultatif . (Chaîne) - Transmission de la langue. (de, en, fr, es, it)
      (Exemple : &lang=fr)

Un exemple complet de lien ressemblerait à ceci :

https://code24.de/partner-iframe/?company=FCBayern&externalCSS=https://code24.de/css/demo.css&privacy=true

Exemple CSS

h4{
color:#ff3300 !important ;
}
.btn-primary {
color : #ffff !important ;
background-color : #ff3300 !important ;
border-color : #ff3300 !important ;
rayon de la bordure : 4px !important ;
}

.btn-primary:hover {
color : #000000 !important ;
couleur de fond : #ffcc00 !important ;
border-color : #ffcc00 !important ;
rayon de la bordure : 4px !important ;
}

Exemple en direct

Définir une hauteur dynamique

Comme l'iframe a toujours une hauteur fixe après l'intégration, vous pouvez utiliser le script pour adapter automatiquement l'iframe à la hauteur du contenu.

Vous pouvez obtenir ici toutes les informations nécessaires :

https://github.com/davidjbradshaw/iframe-resizer

Actuellement, la version suivante est utilisée : v4.0.4 - 2019-03-04

Support

Pour que vous puissiez utiliser les interfaces sans problème, notre support compétent et sympathique est à votre disposition.

millenium Werbeagentur GmbH
Agence de communication visuelle
86, rue du Port
68159 Mannheim

Courrier électronique : info@millenium.de

Suggérer l'édition