Fix Calendly Widgets not Working in Divi

This is a post for collecting together anything interesting I come across relating to the use of Calendly together with the Divi theme.

Problems using Calendly Inline Widgets in Code Modules

Calendly offers various methods for embedding its calendars, etc. One is the inline widget, which lets you place some HTML into your page to add the widget. I came across an issue where the widget doesn't play nicely with the Divi code module. It seems that when they are processed into HTML in the page the resulting HTML has too many closing </div> tags. The result of this is that the structure of the rest of the Divi layout is getting messed up.

I'm not precisely sure why the extra </div> tags were being added, but there seems to be some interaction with Divi's processing of the HTML comments accompanying the Calendly widgets in the code modules.

Deleting the comments and newlines from the code module, just leaving the actual HTMl of the widget, seems to solve the problem.

This post may contain referral links which may earn a commission for this site

Hundreds of new features for Divi
in one easy-to-use plugin


Submit a Comment

Your email address will not be published. Required fields are marked *