Help Center
  • Welcome
  • Setka Editor
    • Getting started
    • Drag-and-Drop & Multiselect
    • Text editing
    • Grids and Layout
    • Images
      • Image Editor
    • Background images
    • Icons
    • Animations
    • Lists
    • Tables
    • Dividers
    • Footnotes
    • Hotspots
    • Enhance Symbols
    • Post templates
    • Buttons
    • Comments and collaboration
    • Embeds
    • Hyphenation
    • Responsive layout for mobile screens
    • Custom CSS
    • Custom JS plugins
  • Setka Content Design System Manager
    • Creating and editing styles
    • Text formats and fonts
    • Styles display for mobile mevices
    • Text and background colors
    • Dividers
    • Icons
    • Components – reusable design elements
      • Creating Components with HTML and CSS
        • CSS in components
        • Component examples
    • Configuring layout grids
    • Editing default elements with Custom CSS
    • Adding team members
  • Account Settings
    • Account settings basics
    • Access rights
    • Billing and subscription
  • Preserve your Setka Editor content after the service shutdown
  • Integrations
    • Setka and WordPress
      • Installing Setka Editor WordPress plugin
      • Launching Setka Editor on the post creation page
      • Setka Editor and WordPress compatibility
      • Setka Editor compatibility with the most popular WordPress plugins
      • Inserting graphs, charts, or diagrams into a post
      • Setka Editor and Google AMP
      • Inserting adverts into a post
      • srcset — the attribute for image size optimization
      • Page load speed optimization settings
        • Autoptimize plugin configuration
      • WordPress troubleshooting: known Issues and how to fix them
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Drupal
      • Setka for Drupal — compatibility, and features
      • Installing Setka modules for Drupal
      • Setka content on AMP pages in Drupal
    • Setka and Magento
      • Installing Magento 2 extension
        • Setka Editor configuration page
      • Preserve your Setka Editor content after the service shutdown
    • Setka and HubSpot
      • Setka Editor and HubSpot Blogs
      • Setka Editor and HubSpot Landing Pages
      • Semi-gated content with a HubSpot form
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Bitrix
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Ghost
      • Copying and pasting posts from Setka to Ghost
    • Setka and SharePoint Online
      • Installing Setka Editor application into SharePoint Online
    • Setka and Zapier
      • Setka and Webflow
        • Exporting new posts
        • Updating exported posts
      • Setka and Shopify
    • Setka and Integromat
    • Content Cloud
  • API
    • Setka Content Cloud API
    • Webhooks
    • API for Custom CMS Integration
      • Introduction to custom integration
      • Integration with Content Design System Manager (CDSM)
        • Initial sync — receiving Setka Editor files to connect them to your CMS
        • Storing and processing Setka Editor files
        • Connecting Setka Editor files to the pages of your site
        • Receiving style updates from the Style Manager and new editor versions
      • Setka Post Editor initialization (JavaScript)
      • Integration with Style Manager (API v1, previous version)
      • Preserve your Setka Editor content after the service shutdown
    • Custom Components API
  • VIDEO TUTORIALS
    • Setka Editor Video Tutorials
  • Components Library
    • Components Library
    • Guide: Ideas for Using Setka Editor’s Components to Improve Content Design
  • Content Experience Design Best Practices
    • Guide To Designing a Great Content Experience
Powered by GitBook
On this page
  • Step 1: Create a new Zap
  • Step 2. Choose a trigger event
  • Step 3. Connect Setka account
  • Step 4. Test the trigger
  • Step 5. Add an action
  • Step 6. Connect Webflow account
  • Step 7. Mark out the data for Webflow
  • Step 8. Gather the Webfow post ID (optional)
  • Step 9. Activate the Zap

Was this helpful?

  1. Integrations
  2. Setka and Zapier
  3. Setka and Webflow

Exporting new posts

PreviousSetka and WebflowNextUpdating exported posts

Last updated 4 years ago

Was this helpful?

To automatically export posts from your Setka account, you need to create a new Zap and set Setka as a trigger and Webflow as an action. afterward, if automatic post updates are needed.

Step 1: Create a new Zap

1. Open your Zapier account and click Make a Zap in a left-hand corner;

2. Find Setka in the list of available apps and set it as a trigger:

Step 2. Choose a trigger event

Find New Post (REST Hook) in the Trigger Event list and click Continue. This script will work once you publish a new post in your Setka account.

Step 3. Connect Setka account

Click Sign in to Setka and enter your license key in the appeared window:

Choose the added account from the appeared list and click Continue to go to the next step.

Step 4. Test the trigger

Step 5. Add an action

1. Find Webflow in the Action block with the help of a search field. Choose it.

2. Choose the Create Item action from the appeared Action Event list and click Continue:

Step 6. Connect Webflow account

Skip this step if you have already connected the account.

1. Click Sign in to Webflow and insert login data. Skip this step if you have already connected the account.

2. Note the websites where you are planning to publish your Setka posts with a checkmark and click Authorize Application:

3. Choose the connected account from an appeared Webflow account: (required) list and click Continue.

Step 7. Mark out the data for Webflow

Settings will lead you to a Setup action block. From an appeared Blog code block, choose the Webflow website where your Setka posts will be exported. Choose the needed CMS Collection from a Collection list.

Then replace Webflow post fields with Setka post data. Set the following:

1. Title data for a post's title field (if available).

2. Author Name data for a field that contains the author's name (if available).

3. Replace the field with a full version of a post with the data according to this template:

<div class="w-embed w-script">
[Body HTML]
<link rel="stylesheet" media="all" href="[Assets Styles Common CSS]" />
<link rel="stylesheet" media="all" href="[Assets Styles Layouts CSS]" />
<link rel="stylesheet" media="all" href="[Assets Styles Themes CSS]" />
<script src="[Assets Plugins]"></script>
</div>

4. If you want to save exported posts in CMS Collection as a draft, choose False in a Draft field. If you want to publish your posts instantly, choose True. The same for an Archived field: choose True to draft the post or click False to save it as published.

Save changes by clicking Continue.

5. After that, you will be offered to test publishing in Webflow. Please note that by clicking Test & Continue, a post will be exported to Webflow right from your Setka account.

Testing is necessary if automatic post updates are needed.

Click Skip Test to pass testing.

Step 8. Gather the Webfow post ID (optional)

Skip this step if automatic updates are not needed.

1. Click the + button at the very bottom of the screen to add a new step:

2. Find Setka in the list of apps and select it:

3. Select Update CMS ID in the Action Event dropdown and click Continue:

5. Set up action:

  • Choose ID from New Post (REST Hook) in Setka in the Setka Cloud Post ID dropdown.

  • Choose ID from Create Item in Webflow in the CMS Post ID dropdown.

6. Click Continue, then Test & Continue or skip the test if you are sure it is not needed. From now on, each Webflow post that was exported via Zapier will be connected with the corresponding post in your Setka account, via post ID.

Step 9. Activate the Zap

The setting is done. You can activate posting with the help of a switch box in the upper right-hand corner:

Now your Setka posts will export automatically to Webflow after clicking Publish in your Setka account. To run the export manually, click Run in a Zaps menu:

If you have already connected your , skip the connection steps. Just select the account from Choose the account... dropdown list, as described further.

The license key can be found in an Integrations > Integration via Post API section in your .

if you don't see one on the page.

To test the trigger, try to publish a post in your . To do that, click Publish on the post's badge. After that, click the Test trigger button in the Zapier interface and check the data received.

From this point your zap becomes . Multi-step zaps are not available for the Zapier Free tier. Learn more on the .

4. Choose your Setka account from the corresponding dropdown and click Continue. The account should be the same as in .

If you don't see the corresponding items in dropdown lists, make sure you've tested your zap on the .

account
Setka account
Setka account
multi-step
Zapier official site
step 3
previous step
Gather the Webflow post ID
Add the Post API integration
Screenshot of Zapier interface: Arrow pointing at "Make a Zap" button
Screenshot of Zapier Interface: Searching for Setka app to set it as a trigger
Screenshot of Zapier interface: "New Post (REST Hook)" is selected as a trigger event
Screenshot of Zapier interface: "Sign in to Setka" button
Screenshot of Setka interface: Post API integration and a license key
Screesnhot of Zapier interface: Choosing Setka account in the dropdown
Screenshot of Setka editor interface: "Publish" button on a post badge
Screenshot of Zapier Interface showing Webflow in App Event dropdown
Screenshot of Zapier interface showing "Create item" highlighted in "Action Event" dropdown
Screenshot of Zapier interface: "Request for Permission" section with checkboxes to authorize application for websites
Screenshot of Zapier interface: Set up action fields (Site, Collection, Overview, Full Details)
Screenshot of Zapier interface: Set up action fields (Author, Name, Slug, Archived, Draft) and "Continue" button)
Screenshot of Zapier interface: adding new step
Screenshot of Zapier interface: app events
Screenshot of Zapier interface: choosing the action event
Screenshot of Zapier interface: setting up the action
Screenshot of Zapier interface: On/Off toggle to active a zap with Webflow
Screenshot of Zapier interface: a dropdown menu with "Run" option highlighted