To connect Setka Editor and HubSpot accounts you need to Setka Account.
Step 1. Connect your Setka Editor and HubSpot accounts
In your Setka Account on the "CMS Integration" page, you will see the "Connect with Hubspot" button.
Please note that:
- Only users with super admin permissions in HubSpot can connect Setka Editor and HubSpot accounts (as far as this requires the permission to connect apps);
- Your HubSpot pricing plan should include Blog & content creation tools;
- Setka Editor app requires HubSpot integration permissions for your user account information, ability to modify your blog content, and access to Files API (to be able to store your styles locally in the future. Now Setka Editor posts styles are availably only from Setka Editor CDN).
Step 2. Create a post in Setka Editor Design Cloud and export it to HubSpot
On your Design Cloud Posts page, you can see the "Export" button on the post badge.
After you click it, a popup opens, you could see the "Export to HubSpot" button there:
Click on it and select which blog you would like to send your post to. If you have the only HubSpot blog, the export process will start at once, with no need in selecting the blog. After the export process is finished, you will be notified and get the link to the newly created blog post in HubSpot.
Setka Editor creates a draft post in HubSpot and only post title and content will be filled. You need to fill in the additional HubSpot fields (such as post author) before publishing the post.
Step 3. Update your post content
Setka Editor styles are applied only on the HubSpot post view page, they are not applied on the HubSpot post editing page. That is why you could see the content without decoration on the post editing page and should not edit it as far as you can break its' styles. To make some changes in the post content or design, you need to go to your post in Setka Account and make the changes there. After everything is ready you will be able to update the content in HubSpot — you need to click "Update":
When you Update content from Setka Editor all the content will be replaced by the new one from Setka Editor. So it's very important to make all the changes in Setka Account and then export them to HubSpot.
Insert CTA-buttons and forms
You can insert HubSpot CTA-button natively, into the post exported from Setka Editor. Please go to the post editing mode in HubSpot, put the cursor in the place where you would like to insert the button. Then select "Insert" -> "Call-to-Action".
Choose one of your HubSpot buttons which you would like to see inside the post.
Nowadays HubSpot doesn't have a native way to insert the form in its editing mode. That is why you need to insert HubSpot form in Setka Editor and then export the post to HubSpot.
- Get the export form code
- Insert the export form code into the embed field in Setka Editor:
* Setka Editor HubSpot integration is available for the paid plans only.
Compatibility with "1 Blog Post - Launch on Liftoff" blog template
In order to get the right size of the images inserted inside the post created in this blog template, please add the following code into your style custom CSS:
.stk-icon { height: 1em !important; }