Skip to main content

Problem with embedding Fluent Forms in FC Courses' Lessons.

Hello, I planned to migrate from Lifter LMS to the FC this week. However, today, when I started creating a course in Fluent Community, I encountered a potentially deal-breaking issue. Idon't see an option to embed my Fluent Forms in the lessons. I also do not see an option to embed Fluent Booking calendars and Ninja Tables Charts. Are these plugins not integrated with the Fluent Community Courses, or am I doing something wrong?

Please advise. If there is currently no option to add Fluent Forms to the lesson content, Shahjahan JewelΒ  please let me know when it will be available so I can plan accordingly. Thank you!

Abby W

I had issues with directly embedding forms tooβ€”for now, my workaround solution is to create a separate post + utilize fluent tags to restrict form visibility. It's not ideal, but that's the best solution I could come up with for now. I hope the integration will come soon :)

Jamie Robe

I am about to try creating a course today, but haven't done it yet... BUT I thought that courses could use block editor blocks or shortcodes? I may be wrong. I also believe you could always link to a form too. I will try it later and report back if I can get anything to work :)

Jamie Robe

Hi everyone. I did create the beginning of a course in the Fcom pro, and created a Fform (free). And ran a few tests.

First, even the free Fforms has the Fcom integrations. However, not sure if those integrations fulfill what many may want to use a form for. https://fluentforms.com/integration/fluentcommunity/

  • I created a form, intended to collect people interested in my future program.
  • Turning to my test lesson, I then tried to use a block but there is no shortcode block available in a lesson.I also did not have a shortcode block available either.
  • I did end up pasting the shortcode as text in the lesson editor. It just showed up as the [fluentform id="3"] as text.
  • However, when I viewed the lesson the form, or some of it, did show up. It is clear that the html of the form rendered, but it was missing certain things (like the * for a required field) and styling. When I entered test data it did NOT submit. It never sent data and never responded with a message or anything. It must be because Fcom currently does not allow the JS or CSS to function inside a community lesson (I assume the space is the same).

I already use the cool feature in Fcom where you can use a regular WP Page "inside" the community GUI by building the page in WP and changing its Template
to the FluentCommunity Page Template. It then looks embedded inside the familiar Fcom community menus, header, etc. The Fform displayed 100% normally and it submitted my test data. This might help you? It actually does work for me my application needs right now.

But I can see that this is an area that begs for deeper integration. As far as my meager investigation allows, it seems that since the Fcom GUI is running in a JS framework, so there would need to some sort of specialized integration with the Fform and the data submitted asynchronously.

I would think they have this in mind, but this is a big ecosystem of plugins that it might be a while. Maybe someone else might code up a plugin to extend this functionality?

I hope this helps someone.

Peace, Jamie

Mateusz Gola

Thank you, Jamie! I need to put short codes in the lesson content and be able to collect data through FForms this way.

If I understand your solution correctly, it redirects people to a page outside the course and presents a Fform there, right? Are they able to go back to the course and continue to the next lesson in a smooth way?

Best, Matt.

Jamie Robe

Mateusz GolaΒ Hi. I think I would do the following:

Use a Dedicated Landing Page (Pro Feature):
In Fluent Forms settings, activate the "Landing Page Module".
Enable "Form Landing Page Mode" for your form.
This generates a unique URL for that form, perfect for linking from anywhere you can add a hyperlink.

The form would open itself, user fills it in and submits.

You can specify in the confitmation settings, redirect url, and have return to any url (like the lesson or maybe the next one).

I know part of the above requires pro version, so I can't test that.

Good luck,

Jamie

Renae Dupuis

I found a solution to the Fluent Booking embed in FCom lessons - use the custom HTML code feature on the left where you would usually put a video.

Renae Dupuis

Oh, I just tested it with a FluentForms using the landing page in the iframe code and it worked, too!

Jamie Robe

Renae DupuisΒ Brilliant. πŸ‘πŸ‘

Mateusz Gola

Thank you, @renae. I have just tested it myself, and everything works OK! Happy New Year!