Si vous utilisez l’extension Forminator sur votre site WordPress pour créer des formulaires vous avez peut être remarqué qu’il n’était pas possible d’y ajouter des iFrames.
Dans certains cas il peut être utile d’ajouter des frames pour combiner un formulaire en plusieurs étapes et des éléments d’un autre site, par exemple pour une prise de rendez-vous, un accès à une réunion.
Cette restriction n’est pas une fatalité, voici en quelques étapes comment modifier votre formulaire Forminator
Étape 1 : Créez un champ HTML dans votre formulaire qui sera utilisé pour l’iFrame. Laissez ce champ vide et enregistrez-le. Vous verrez dans la liste des champs que ce champ a un “nom” comme #html-1, nous en aurons besoin plus tard
Etape 2 : Récupérez votre code iFrame
Le code va ressembler à quelque chose comme cela : <iframe width=”100%” height=”585px” src=”https://mylink” frameborder=”0″ allowfullscreen=””> </iframe>
Etape 3 : Créer un mu-plugin et collez-y le code suivant
<?php
function forminator_append_gmap() {
?>
<script type="text/javascript">
jQuery(function($) {
$('#html-1').append('IFRAME CODE HERE');
});
</script>
<?php
}
add_action( ‘wp_footer’, ‘forminator_append_gmap’, 99 );Dans ce code vous devrez changer deux éléments :
– #html-1 par le nom de votre champ
– IFRAME CODE HERE à remplacer par votre code iFrame de l’étape 2