I have a client who would like to have two identical sites managed by the same CMS. I.e. in detail: We have two different domains (abc.de and xyz.de), but they should display exactly the same content. The only difference is e.g. the color and two texts.
That means the client would like to add a article centrally or e.g. on page abc.de and then it should be created and displayed automatically on the other page as well.
I have customers doing this by managing their articles in Airtable, and syncing to multiple Webflow sites with PowerImporter. It also allows them to control when the articles are published, i.e., don’t publish a Webflow site in the middle of a design change.
If you wanted EXACTLY the same two sites to be published from Webflow, itself, you could write some JavaScript as an HTML embed that adds CSS classes based on the domain.
Something like this would do the trick:
<script>
var domain1 = 'abc.de';
var domain2 = 'xyz.de';
if (window.location.hostname === domain1) {
document.body.classList.add(domain1.replace('.', '-'));
} else if (window.location.hostname === domain2) {
document.body.classList.add(domain2.replace('.', '-'));
}
</script>
<style type="text/css">
body.abc-de {
color: #f30;
}
body.abc-de {
color: #06f;
}
</style>
Thanks for your message! Unfortunately it’s not the two exact same pages… Next to the domain, there should be some different texts, colors and stuff like that, but the cms and the whole structure of the page should be the same.
Got it. I would echo @JudoHacker 's advice above. PowerImporter is a great sync tool, plus I know a couple of investors behind the platform, and I can say they really care about making it a great experience for Webflow users.
There’s an SEO note I should add, in case you’re not aware: Identical content on separate sites is a problem for SEO. You lose domain authority on the topic on BOTH websites, so sync externally-facing content with care.