{"id":1087,"date":"2025-12-02T23:01:50","date_gmt":"2025-12-02T22:01:50","guid":{"rendered":"https:\/\/newcraft.dev\/posts\/\/"},"modified":"2026-02-28T08:57:38","modified_gmt":"2026-02-28T07:57:38","slug":"how-we-built-a-multilingual-marketing-site-with-breakdance-and-falang","status":"publish","type":"marketing-post","link":"https:\/\/newcraft.dev\/nl\/posts\/hoe-we-een-meertalige-marketingsite-bouwden-met-breakdance-en-falang\/","title":{"rendered":"Hoe we een meertalige marketingsite bouwden met Breakdance en Falang"},"content":{"rendered":"\r\n

Toen we wilden uitbreiden naar andere landen, liepen we tegen een bekend probleem aan: hoe houd je een mooie, snelle website \u00e9n bied je de inhoud in meerdere talen aan?<\/p>\r\n\r\n\r\n\r\n

We hebben verschillende oplossingen getest (Weglot: niet fijn door de vaste maandkosten; Prisna: automatische vertaling beviel niet).  Uiteindelijk kozen we voor een combinatie die gewoon werkt: Breakdance Page Builder<\/strong> voor het design en een aangepaste versie van Falang <\/strong>voor vertalingen zonder abonnement, maar w\u00e9l met AI-vertalingen (BYOK!).<\/p>\r\n\r\n\r\n\r\n

Waarom Breakdance?<\/h2>\r\n\r\n\r\n\r\n

Breakdance is onze vaste page builder geworden om deze redenen:<\/p>\r\n\r\n\r\n\r\n

    \r\n
  • Schone output<\/strong> \u2014 geen opgeblazen code, maar simpele HTML en CSS<\/li>\r\n\r\n\r\n\r\n
  • Visuele editor<\/strong> \u2014 pagina\u2019s ontwerpen zonder code te schrijven<\/li>\r\n\r\n\r\n\r\n
  • Dynamische data<\/strong> \u2014 inhoud ophalen uit elke plek in WordPress<\/li>\r\n\r\n\r\n\r\n
  • Snel<\/strong> \u2014 pagina\u2019s laden snel omdat er geen zwaar JavaScript-framework draait<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n

    Maar Breakdance slaat inhoud anders op dan de klassieke WordPress-editor.En precies daar gaat het mis bij de meeste vertaalplugins.<\/p>\r\n\r\n\r\n\r\n

    Het meertaligheidsprobleem<\/h2>\r\n\r\n\r\n\r\n

    Traditionele vertaalplugins verwachten inhoud in post_content<\/code>. Breakdance bewaart alles als geserialiseerde JSON in post meta. Daardoor werkt het niet goed samen met bijna alle vertaaloplossingen die we probeerden.<\/p>\r\n\r\n\r\n\r\n

    We hadden iets nodig dat:<\/p>\r\n\r\n\r\n\r\n

      \r\n
    1. De JSON-structuur van Breakdance kan scannen op teksten die vertaald moeten worden<\/li>\r\n\r\n\r\n\r\n
    2. Tekst, URL\u2019s en afbeeldingspaden kan uitlezen<\/li>\r\n\r\n\r\n\r\n
    3. Dit in een eenvoudige vertaalinterface kan tonen<\/li>\r\n\r\n\r\n\r\n
    4. De juiste taal laat zien op basis van de taal van de bezoeker<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

      Onze aangepaste Falang-versie<\/h2>\r\n\r\n\r\n\r\n

      De standaard Falang-plugin ondersteunt Breakdance niet direct. Daarom hebben we onze eigen integratie gebouwd.<\/p>\r\n\r\n\r\n\r\n

      Onze aangepaste versie werkt anders. In plaats van voor elke taal een aparte post te maken, slaat het systeem de vertalingen op als metadata. Dat betekent:<\/p>\r\n\r\n\r\n\r\n

        \r\n
      • E\u00e9n bericht, meerdere talen \u2014 geen dubbele inhoud<\/li>\r\n\r\n\r\n\r\n
      • Kleinere database \u2014 vertalingen zijn lichtgewicht<\/li>\r\n\r\n\r\n\r\n
      • SEO-vriendelijke URL\u2019s \u2014 \/en\/about\/<\/code>, \/nl\/over-ons\/<\/code>, \/de\/uber-uns\/<\/code><\/li>\r\n\r\n\r\n\r\n
      • Native Breakdance-support \u2014 scant de builder-JSON en haalt alle vertaalbare teksten eruit<\/li>\r\n<\/ul>\r\n\"\"
        \r\n\r\n\r\n

        Hoe het werkt<\/h2>\r\n\r\n\r\n\r\n

        Als je een Breakdance-pagina bewerkt, leest het systeem automatisch de JSON van de builder.
        Daarna krijg je een overzichtelijke interface met twee kolommen:<\/p>\r\n\r\n\r\n\r\n

        \r\n\r\n\r\n\r\n\r\n\r\n\r\n
        Source (Engels)<\/th>\r\nTarget (Nederlands)<\/th>\r\n<\/tr>\r\n<\/thead>\r\n
        “Get Started Today”<\/td>\r\n“Begin vandaag”<\/td>\r\n<\/tr>\r\n
        “Our Services”<\/td>\r\n“Onze diensten”<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/figure>\r\n\r\n\r\n\r\n

        AI-vertaling<\/h2>\r\n\r\n\r\n\r\n

        Handmatig vertalen kost veel tijd. Daarom hebben we OpenRouter AI-integratie<\/strong> toegevoegd. Met \u00e9\u00e9n klik kun je elke tekst vertalen met bijvoorbeeld:<\/p>\r\n\r\n\r\n\r\n

          \r\n
        • GPT-4o<\/li>\r\n\r\n\r\n\r\n
        • Claude 3.5 Sonnet<\/li>\r\n\r\n\r\n\r\n
        • Of een ander model dat via OpenRouter beschikbaar is<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n

          De AI behoudt HTML-opmaak, begrijpt de context en maakt vertalingen die natuurlijk klinken.<\/p>\r\n\r\n\r\n\r\n

          Het is geen vervanging voor professionele vertalers bij hele belangrijke content,
          maar het bespaart enorm veel tijd voor de honderden kleine UI-teksten op een marketingsite.<\/p>\r\n\r\n\r\n\r\n

          Toegang krijgen?<\/h2>\r\n\r\n\r\n\r\n

          We gebruiken deze aangepaste Falang-versie met Breakdance-support nu op onze eigen sites.
          De plugin is nog in b\u00e8ta, maar hij is stabiel genoeg en draait in productie.<\/p>\r\n\r\n\r\n\r\n

          Heb je interesse in de plugin? Neem contact met ons op. We staan open om de b\u00e8ta te verkopen aan partijen die Breakdance + meertalige ondersteuning nodig hebben.<\/p>\r\n","protected":false},"excerpt":{"rendered":"

          TLDR: We gebruiken Breakdance Page Builder op onze marketingsite met volledige meertalige ondersteuning via een aangepaste Falang-versie. Onze fork scant de builder-data, haalt alle vertaalbare teksten eruit en toont ze in een duidelijke interface. We hebben ook AI-vertaling via OpenRouter toegevoegd. Met \u00e9\u00e9n klik vertaal je elk veld met GPT-4o, Claude of een ander model. De plugin is nog in b\u00e8ta. Wil je toegang? Neem contact op.<\/p>\n","protected":false},"featured_media":1089,"template":"","meta":{"_acf_changed":false,"_breakdance_hide_in_design_set":false,"_breakdance_tags":""},"class_list":["post-1087","marketing-post","type-marketing-post","status-publish","has-post-thumbnail","hentry"],"acf":{"related_apps":""},"_links":{"self":[{"href":"https:\/\/newcraft.dev\/nl\/wp-json\/wp\/v2\/marketing-post\/1087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newcraft.dev\/nl\/wp-json\/wp\/v2\/marketing-post"}],"about":[{"href":"https:\/\/newcraft.dev\/nl\/wp-json\/wp\/v2\/types\/marketing-post"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/newcraft.dev\/nl\/wp-json\/wp\/v2\/media\/1089"}],"wp:attachment":[{"href":"https:\/\/newcraft.dev\/nl\/wp-json\/wp\/v2\/media?parent=1087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}