Example & Intro

We love Webflow, not just because it's our namesake but because it is an excellent tool for building a website. Picflow, on the other hand, is the best tool for creating and designing galleries and collaborating on images. Picflow's Gallery Designer includes layout options that allow you to make any design you can imagine. Choose between different grid options, image sizes, and spacings. The best thing: The gallery is responsive and adapts to any container.

Here's an example of a default Picflow Gallery which is embedded in a Webflow website: embed-gallery.webflow.io

1. Add the Embed Component to your Page

Open your Webflow project and go to the page you want the gallery to be embedded and follow these steps:

  • Click on "Add Elements" on the top left of the page
  • Scroll down until you see the "Embed-Component."
  • Drag and drop the "Embed-Component" to your page

2. Open the Embed Settings in Picflow

Open your Webflow project and go to the page you want the gallery to be embedded and follow these steps:

  • Click on "Add Elements" on the top left of the page
  • Scroll down until you see the "Embed-Component."
  • Drag and drop the "Embed-Component" to your page

3. Copy the Embed Code from Picflow

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

4. Paste to Webflow, Save & Publish

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Done!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.