EDMAR Careers

Setup Guide · WordPress + Polylang + Elementor

Vue d'ensemble
ⓘ

Les 3 pages à créer

Une page par langue, chacune avec le même code HTML. Le script détecte automatiquement la langue et traduit tout.

🇫🇷 edmarinternational.com/offres-emploi/
🇬🇧 edmarinternational.com/job-offers/
🇪🇸 edmarinternational.com/es/ofertas-empleo/
Création des pages
1

Dupliquer la page française existante

Dans WP Admin → Pages → trouver la page /test/

  • Passer la souris dessus → cliquer sur "Dupliquer" (plugin Yoast Duplicate Post)
  • Sinon : créer une nouvelle page, copier/coller le code Elementor
2

Configurer la langue avec Polylang

Dans la colonne de droite de l'éditeur :

  • Boîte Langues → sélectionner English (ou Español)
  • Dans Traductions, cliquer sur le petit crayon ✏️ à côté du drapeau français et lier à la page française
  • Changer le permalien : /job-offers/ ou /es/ofertas-empleo/
3

Ouvrir Elementor et configurer le fond navy

Pour que le fond soit bleu nuit (et pas blanc) :

  • Cliquer "Edit with Elementor"
  • Survoler la section qui contient le widget HTML
  • Cliquer sur les 6 petits points au centre-haut de la section (handle de section)
  • Panneau gauche → onglet Style → Background → Classic
  • Color → coller #081F2C
⚠️ Important : c'est sur la section qu'on met le fond, pas sur le widget HTML lui-même.
4

Coller le code HTML dans le widget

Dans Elementor :

  • Cliquer sur le widget HTML existant (ou en ajouter un nouveau)
  • Onglet Content (pas Advanced)
  • Coller le code depuis le clipboard
  • Onglet Advanced tout en bas : Cache Settings → passer à Disable
Le code est identique pour les 3 langues. Pas besoin de modifier quoi que ce soit, le JS détecte la langue tout seul.
5

Publier et tester

Cliquer Update / Publier.

Tester dans navigation privée (Cmd+Shift+N) pour bypasser le cache.

Vérifier :

  • Titre traduit (Job Opportunities / Opportunités professionnelles / Oportunidades profesionales)
  • Bouton "Search" (ou "Rechercher" / "Buscar") visible en entier
  • Placeholders des champs traduits
  • Filtres (Job Type, Country, Industry) traduits
  • Accordéon "Candidature spontanée" traduit
Si ça ne marche pas
!

Vider les caches

Si les changements n'apparaissent pas :

  • Elementor : menu WP → Elementor → Tools → Regenerate CSS & Data
  • Cache WP : si WP Rocket / W3 Total Cache / LiteSpeed → vider le cache
  • Cloudflare (si actif) : Purge everything
  • Navigateur : Cmd+Shift+R pour hard refresh, ou navigation privée
Overview
ⓘ

The 3 pages to create

One page per language, each with the exact same HTML code. The script automatically detects the language and translates everything.

🇫🇷 edmarinternational.com/offres-emploi/
🇬🇧 edmarinternational.com/job-offers/
🇪🇸 edmarinternational.com/es/ofertas-empleo/
Page creation
1

Duplicate the existing French page

In WP Admin → Pages → find the /test/ page

  • Hover over it → click "Duplicate" (requires Yoast Duplicate Post plugin)
  • Otherwise: create a new page, copy/paste the Elementor template
2

Set language via Polylang

In the right sidebar of the editor:

  • Languages box → select English (or Español)
  • Under Translations, click the small pencil ✏️ next to the French flag and link to the French page
  • Change the permalink: /job-offers/ or /es/ofertas-empleo/
3

Open Elementor and set the navy background

To get the dark navy background (instead of white):

  • Click "Edit with Elementor"
  • Hover over the section containing the HTML widget
  • Click the 6 dots at the top-center of the section (section handle)
  • Left panel → Style tab → Background → Classic
  • Color → paste #081F2C
⚠️ Important: set the background on the section, not on the HTML widget itself.
4

Paste the HTML code in the widget

In Elementor:

  • Click the existing HTML widget (or add a new one)
  • Content tab (not Advanced)
  • Paste the code from the clipboard
  • Advanced tab at the bottom: Cache Settings → set to Disable
The code is identical across all 3 languages. No need to modify anything — the JS auto-detects the language.
5

Publish and test

Click Update / Publish.

Test in incognito mode (Cmd+Shift+N) to bypass cache.

Check:

  • Title translated (Job Opportunities / Opportunités professionnelles / Oportunidades profesionales)
  • "Search" button (or "Rechercher" / "Buscar") fully visible
  • Input placeholders translated
  • Filters (Job Type, Country, Industry) translated
  • "Spontaneous Application" accordion translated
Troubleshooting
!

Clear the caches

If the changes don't appear:

  • Elementor: WP menu → Elementor → Tools → Regenerate CSS & Data
  • WP Cache: if WP Rocket / W3 Total Cache / LiteSpeed → clear cache
  • Cloudflare (if active): Purge everything
  • Browser: Cmd+Shift+R for hard refresh, or incognito mode
Descripción general
ⓘ

Las 3 páginas a crear

Una página por idioma, todas con exactamente el mismo código HTML. El script detecta automáticamente el idioma y traduce todo.

🇫🇷 edmarinternational.com/offres-emploi/
🇬🇧 edmarinternational.com/job-offers/
🇪🇸 edmarinternational.com/es/ofertas-empleo/
Creación de las páginas
1

Duplicar la página francesa existente

En WP Admin → Páginas → encontrar la página /test/

  • Pasar el ratón → clic en "Duplicar" (plugin Yoast Duplicate Post)
  • Si no: crear una nueva página, copiar/pegar la plantilla Elementor
2

Configurar el idioma con Polylang

En la columna derecha del editor:

  • Caja Idiomas → seleccionar English o Español
  • En Traducciones, clic en el lápiz ✏️ junto a la bandera francesa para enlazar con la página francesa
  • Cambiar el permalink: /job-offers/ o /es/ofertas-empleo/
3

Abrir Elementor y configurar el fondo navy

Para que el fondo sea azul oscuro (y no blanco):

  • Clic en "Edit with Elementor"
  • Pasar el ratón sobre la sección que contiene el widget HTML
  • Clic en los 6 puntos arriba en el centro de la sección (manija de sección)
  • Panel izquierdo → pestaña Style → Background → Classic
  • Color → pegar #081F2C
⚠️ Importante: el fondo va en la sección, no en el widget HTML.
4

Pegar el código HTML en el widget

En Elementor:

  • Clic en el widget HTML existente (o añadir uno nuevo)
  • Pestaña Content (no Advanced)
  • Pegar el código desde el portapapeles
  • Pestaña Advanced abajo: Cache Settings → Disable
El código es idéntico para los 3 idiomas. No hay que modificar nada — el JS detecta el idioma automáticamente.
5

Publicar y probar

Clic en Update / Publicar.

Probar en modo incógnito (Cmd+Shift+N) para saltarse el caché.

Verificar:

  • Título traducido (Job Opportunities / Opportunités professionnelles / Oportunidades profesionales)
  • Botón "Search" (o "Rechercher" / "Buscar") totalmente visible
  • Placeholders de los campos traducidos
  • Filtros (Job Type, Country, Industry) traducidos
  • Acordeón "Candidatura espontánea" traducido
Si no funciona
!

Vaciar los cachés

Si los cambios no aparecen:

  • Elementor: menú WP → Elementor → Tools → Regenerate CSS & Data
  • Caché WP: si WP Rocket / W3 Total Cache / LiteSpeed → vaciar caché
  • Cloudflare (si activo): Purge everything
  • Navegador: Cmd+Shift+R para hard refresh, o modo incógnito
ANA Studio · Edmar International ·