Appel à l'action (CTA)
Incitez vos visiteurs à passer à l'étape suivante (Contact, Réservation, etc.).
{# --- ÉDITION TEXTE --- #}
{# --- VISUEL & STYLE --- #}
{{ form_label(form.ctaTitre, null, {'label_attr': {'class': 'small fw-bold text-dark'}}) }}
{{ form_widget(form.ctaTitre, {
'attr': {
'class': form.ctaTitre.vars.errors|length > 0 ? 'form-control is-invalid border-2' : 'form-control border-2',
'placeholder': 'Ex: Prêt à devenir propriétaire ?'
}
}) }}
{{ form_errors(form.ctaTitre) }}
{{ form_label(form.ctaDescription, null, {'label_attr': {'class': 'small fw-bold text-dark'}}) }}
{{ form_widget(form.ctaDescription, {
'attr': {
'class': form.ctaDescription.vars.errors|length > 0 ? 'form-control is-invalid' : 'form-control',
'rows': 3,
'placeholder' : 'Ex: Contactez nos experts pour une étude gratuite...'
}
}) }}
{{ form_errors(form.ctaDescription) }}
{# Aperçu dynamique du CTA #}
 : asset('images/no-image.png') }})
{# Overlay de couleur CTA #}
Aperçu CTA
{# Upload Image CTA #}
{# Overlay de couleur CTA #}
{{ form_label(form.ctaImageFile, 'Image de fond CTA', {'label_attr': {'class': 'extra-small fw-bold text-dark'}}) }}
{# Couleur CTA #}
{{ form_widget(form.ctaImageFile, {
'attr': {
'class': 'form-control',
'onchange': 'previewImage(this, "preview-cta")'
}
}) }}
{{ form_widget(form.ctaCouleurArrierePlan, {
'attr': {
'class': 'form-control form-control-color w-100 border-0 p-0',
'oninput': 'updateCtaOverlay(this.value)'
}
}) }}