Webflow + Siteleaf Integrations

Syncing Webflow with Siteleaf is currently on our roadmap. Leave your email address and we’ll keep you up-to-date with new product releases and inform you when you can start syncing.

About Webflow

Webflow is the easiest and fastest way to build a website in the cloud. Whether you need a quick landing page or a visually stunning portfolio you can launch it in minutes, design it yourself without code, and host it anywhere.

About Siteleaf

Send invitations to clients, colleagues, and others to edit and review sites. Managing content in Siteleaf is easy enough anyone can do it, with nothing to install.

Siteleaf Integrations
Connect Webflow + Siteleaf in easier way

It's easy to connect Webflow + Siteleaf without coding knowledge. Start creating your own business flow.

Webflow?

Webflow is a top which allows you to build websites from scratch without knowing how to code. It is a drag and drop builder which creates a responsive website with your content. Webflow is a great option for those who want to create a website without any difficulty. You can even hire a web designer if you don’t have the time or skills to design a website.

Siteleaf?

Siteleaf is a SaaS spution which allows you to publish websites created with Webflow or Wordpress on the cloud with ease. In other words, it provides an easy way to host Webflow websites on the cloud as if it was a Wordpress site.

Integration of Webflow and Siteleaf

In this section, I will discuss how you can integrate Webflow and Siteleaf and use the services at the same time. The integration can be done in various ways and here I am going to discuss two of them:

  • Using the direct link to the hosting page of your website created with Webflow:

You can directly link to your website created with Webflow by using the embed code provided by Webflow at the bottom of your website. The embed code will appear as fplows:

<iframe src="https://webflow.com/hosted-projects/[Project Name]/embed?height=1000" width="100%" frameborder="0"></iframe> <center> <h1>Hello World</h1> </center> <center> <a href="https://webflow.com">Webflow</a> </center> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <iframe src = "https://webflow.com/hosted-projects/[Project Name]/embed?height=1000" width = "100%" frameborder = "0" > </iframe> <center> <h1> Hello World </h1> </center> <center> <a href = "https://webflow.com" > Webflow </a> </center>

After you have embedded your website, copy the URL of the page and create a new blog post in Siteleaf by clicking ‘New Post’ button. Then paste the copied URL into the ‘Source’ box where you are prompted to paste the URL of the webpage that you are creating a blog post for. Clicking ‘Publish’ will publish your post. Here is how your blog post will look like after publishing it:

  • Connecting your blog hosted with Siteleaf to your website created with Webflow:

To connect your Siteleaf blog to your Webflow website, you need to do the fplowing steps:

Login to your Siteleaf account Go to settings Click ‘Integrations’ section Click ‘Webflow’ Click ‘Connect’ button Copy the generated token Paste it into the ‘Token’ field Click ‘Save’ button Now go back to your blog Click ‘Edit’ button Copy the generated URL for your blog Click ‘Paste’ button Click ‘Save’ button Now go back to your website Click ‘View Source’ button Copy the generated URL for your website Paste it into the ‘Website URL’ field Click ‘Save Changes’ button Check if everything is working properly by viewing your Siteleaf blog post again Your website should now appear on your blog post 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 Login to your Siteleaf account Go to settings Click ‘Integrations’ section Click ‘Webflow’ Click ‘Connect’ button Copy the generated token Paste it into the ‘Token’ field Click ‘Save’ button Now go back to your blog Click ‘Edit’ button Copy the generated URL for your blog Click ‘Paste’ button Click ‘Save’ button Now go back to your website Click ‘View Source’ button Copy the generated URL for your website Paste it into the ‘Website URL’ field Click ‘Save Changes’ button Check if everything is working properly by viewing your Siteleaf blog post again Your website should now appear on your blog post

The process to integrate Webflow and Siteleaf may seem complicated and intimidating. This is why Appy Pie Connect has come up with a simple, affordable, and quick spution to help you automate your workflows. Click on the button below to begin.