How to add form block in Blog post?

Design help General
1

Hi webflow comu,
I want to add a form in a specific post. How to add Form block in Blog post?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hey nguyenngochung- Are you looking to have a specific form on each CMS post? I think this article may help!

3

Hi, thanks for supporting. But no, i want to insert a form like this in a specific blog post

Capture1
Capture11603Ɨ978 333 KB

4

Create a switch field in your blog post collection, add the form to your blog post collection page, and set the conditional visibility to only show that form if the switch is checked. Now the form will only display on the blog posts with that switch enabled.

6

I wasnā€™t able to modify your collections, but I went ahead and setup something similar and walked through how to get that setup:

2 Likes
7

oh so smart, why didnā€™t I think of that. Thank you very much, very detailed guide

8

Cheers, this is great! Iā€™m trying to do something similar but have a Convertkit email collection form inline about half way through the main text of longer blog posts when itā€™s appropriate.

Does that mean I need to create two ā€˜rich text blockā€™ fields in a dedicated longer post blog template page and insert the ā€˜embed blockā€™ in the middle?

Wondering if Iā€™m missing a more elegant way to do it that means I can keep 1 template for all blog posts and just toggle on or insert the email collect into the 1 text field when needed for the lengthier articles?

Thanks for any help!

9

In your case Iā€™d recommend just using the Form Embed that ConvertKit provides instead as it will allow you to keep a single field for your blog content. Admittedly Iā€™m not too familiar with the platform but the link below should point you in the right direction for grabbing the necessary code:

When making your postā€”either within the Designer or Editorā€”just make sure youā€™re on a new line, click the insert flyout menu, select the ā€œEmbed Codeā€ option (< > icon) and include your code there:

image

10

Thanks so much @mikeyevin this helped me figure it out!

For some reason Iā€™m not getting or seeing the flyout menu functionality in chrome within my pasted text in the ā€˜rich text fieldā€™, even when I create many new lines.

I took out my pasted text, cleared the box and started again and the flyout menu appeared like your screengrab shows. Then I re-pasted my text around it.

Thanks, that was really confusing. I had originally expected something simpler like that :smile:

ps. (Wondered if it might be an issue with a chrome extension Iā€™ve got or something?! just guessing)

11

Awesome, glad you were able to get it figured out!

Not too sure why youā€™d be having an issue with pasting text into the field, but chances are it may have been including some ā€œhiddenā€ styling that was affecting the behavior of Webflowā€™s rich text editor.

1 Like
12

Thanks Mikey, yeahā€¦ havenā€™t figured that out, was pasting into Sublime Text then back but easy to avoid now I know.