Si vous travaillez déjà avec Elementor pour WordPress, vous avez peut-être déjà entendu le terme "shortcode". Ces petits morceaux de code peuvent vous aider à insérer facilement et rapidement différentes fonctions ou contenus sur votre site web. De plus, travailler avec des codes HTML est également une compétence utile. Dans ce guide, vous apprendrez comment intégrer efficacement les shortcodes et le HTML dans votre site WordPress.
Principaux points à retenir
- Les shortcodes sont un moyen simple d'insérer des morceaux de code dans WordPress.
- L'HTML peut également être utilisé directement dans Elementor.
- Il existe des moyens simples d'intégrer efficacement les shortcodes et les codes HTML dans votre site web.
Guide étape par étape
Insérer des shortcodes dans Elementor
Pour utiliser des shortcodes dans Elementor, il existe plusieurs approches. Vous pouvez soit entrer le shortcode directement dans Elementor, soit utiliser la fonction de WordPress. Pour insérer un shortcode directement dans Elementor, faites glisser un widget "shortcode" sur votre page.

Une fois que vous avez créé un shortcode, il est généralement identifié par un nom correspondant ou une étiquette. Vous trouverez souvent des termes tels que "Gallery" ou "Size" dans ces shortcodes, indiquant ce que chaque élément doit accomplir.

Vous pouvez placer le shortcode à l'endroit souhaité de votre site web pour obtenir l'effet désiré.
Utilisation du code HTML dans Elementor
Si vous recevez plutôt un code HTML, l'intégration fonctionne de manière similaire en principe. Vous devez utiliser le widget approprié pour l'HTML dans Elementor et y coller votre code HTML.

Le widget HTML vous offre un champ de texte dans lequel vous pouvez coller votre code HTML. Assurez-vous que le code est correct pour obtenir les résultats souhaités.

Intégration des shortcodes et du HTML
Si vous recevez un shortcode ou un code HTML à un moment donné, il n'est pas nécessaire de passer par l'interface WordPress. Vous pouvez choisir la méthode la plus simple, à savoir travailler directement dans Elementor.
Cela vous offre plus de flexibilité et vous permet de gagner du temps, vous permettant ainsi de concevoir votre site web de manière plus efficace sans avoir à naviguer à travers plusieurs menus.
Résumé
Dans ce guide, vous avez appris comment utiliser efficacement à la fois les shortcodes et les codes HTML dans votre flux de travail Elementor. En suivant les étapes décrites, vous pouvez rapidement personnaliser et étendre votre site WordPress.
Foire aux questions
Comment insérer un shortcode dans Elementor?Vous pouvez utiliser un widget shortcode dans Elementor pour insérer un shortcode dans votre page.
Où trouver mon code HTML?Le code HTML est généralement généré et fourni par des plugins ou d'autres outils externes.
Puis-je utiliser des shortcodes sans la fonction WordPress?Oui, vous pouvez insérer des shortcodes directement dans Elementor sans utiliser l'interface WordPress.
Quels sont les domaines d'application les plus courants des shortcodes?Les shortcodes sont souvent utilisés pour les galeries, les formulaires, les widgets et autres éléments interactifs.
Pourquoi ai-je besoin de HTML dans Elementor?L'HTML vous permet d'ajouter du contenu personnalisé et d'augmenter la flexibilité de votre site web.