Answers.Body: <p>Detlev asked me to answer this question, but to be honest we also insert the CiviCRM contribution page with shortcode in the classic editor. Trying to include the shortcode within a divi module (Divi Text or Code Module) looks nice but doesn't work here as well.</p>
  <p>So in detail I create the global site layout with the Divi Theme Builder and set all usefull global settings at the Divi Theme Customizer. Than I activate the classic editor in Divi Theme Options to get the CiviCRM button at the page editor. For style changes regarding the contribution form I use custom CSS as usual.</p>
  <p>When I need more Divi Content above or below the contribution content I use the wordpress plugin Simple Divi Shortcode in addition. Therewith I can similarly integrate Divi modules (which I previously build at the Divi library) as shortcode in the classic page editor.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-11-24T19:39:43.807Z
Answers.LastActivityDate: 2020-11-24T19:39:43.807Z
Answers.UserDisplayName: RomyE
Answers.Body: <p>We've worked around this simply by using the default editor instead of the Divi Builder to edit pages with CiviCRM short-codes. Obviously not a real fix for the Divi issue, but we chose to fight other battles instead.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-11-24T17:19:19.430Z
Answers.LastActivityDate: 2020-11-24T17:19:19.430Z
Answers.UserDisplayName: TwoMice
Body: <p>I am trying to set up a contribution page within a Divi layout. At a short glimpse, that looks well, but: this won't work! Instead, I get a lots of CSS problems and JS errors.</p>
  
  <p>I could imagine to get a quick solution using some customizing within the Divi templates.</p>
  
  <p>Or, I return to the original CiviCRM contribution pages, and do the CSS stuff (that is provided by Divi) somewhat manually, in order to create a contribution page looking similar to the Worpdpress Website.</p>
  
  <p>Anybody out there with experience on that?</p>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-11-30T03:41:49.300Z
Comments.Text: Do you mean you are trying to use divi plus a civicrm shortcode?
Comments.UserDisplayName: Luke Stewart
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-11-30T08:25:56.340Z
Comments.Text: I was creating the civicrm shortcode in divi's text mode, and copied that to a text module within the Divi builder (since the civicrm button isn't working within Divi builder). 
  
  So far, I got a contribution page, which "looks" well - however, it doesn't work since there seems to miss some js stuff.
  
  I could give access to the system to somebody who would be able to fix it (as paid work...)
Comments.UserDisplayName: Detlev Sieber
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-12-02T13:18:49.560Z
Comments.Text: My guess is that the Divi "text module" doesn't pass its content through the `the_content` filter. You might want to ask in their help forums about that.
Comments.UserDisplayName: Christian Wach
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2020-11-19T21:44:17.263Z
Comments.Text: I'm seeing similar. Detlev Sieber, did you find a solution?
Comments.UserDisplayName: TwoMice
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2020-11-21T07:29:22.380Z
Comments.Text: Yes - in the meantime we have a solution, that works perfect :-) 
  I will post it after the weekend...
Comments.UserDisplayName: Detlev Sieber
Tags: <wordpress><contribution-page>
Title: Wordpress with Divi: How to integrate CiviCRM contribution pages?
ThreadText: # Wordpress with Divi: How to integrate CiviCRM contribution pages?
  
  (Asked by: username_0 on 2019-11-29)
  
  I am trying to set up a contribution page within a Divi layout. At a short glimpse, that looks well, but: this won't work! Instead, I get a lots of CSS problems and JS errors.
  
  I could imagine to get a quick solution using some customizing within the Divi templates.
  
  Or, I return to the original CiviCRM contribution pages, and do the CSS stuff (that is provided by Divi) somewhat manually, in order to create a contribution page looking similar to the Worpdpress Website.
  
  Anybody out there with experience on that?
  
  **Tags:** wordpress, contribution-page
  
  > **Comments:**
  > **username_1**: Do you mean you are trying to use divi plus a civicrm shortcode?  
  > **username_0**: I was creating the civicrm shortcode in divi's text mode, and copied that to a text module within the Divi builder (since the civicrm button isn't working within Divi builder).   So far, I got a contribution page, which "looks" well - however, it doesn't work since there seems to miss some js stuff.  I could give access to the system to somebody who would be able to fix it (as paid work...)  
  > **username_2**: My guess is that the Divi "text module" doesn't pass its content through the `the_content` filter. You might want to ask in their help forums about that.  
  > **username_3**: I'm seeing similar. username_0 username_0, did you find a solution?  
  > **username_0**: Yes - in the meantime we have a solution, that works perfect :-)  I will post it after the weekend...  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_4 on 2020-11-24. Score: 2
  
  username_0 asked me to answer this question, but to be honest we also insert the CiviCRM contribution page with shortcode in the classic editor. Trying to include the shortcode within a divi module (Divi Text or Code Module) looks nice but doesn't work here as well.
  
  So in detail I create the global site layout with the Divi Theme Builder and set all usefull global settings at the Divi Theme Customizer. Than I activate the classic editor in Divi Theme Options to get the CiviCRM button at the page editor. For style changes regarding the contribution form I use custom CSS as usual.
  
  When I need more Divi Content above or below the contribution content I use the wordpress plugin Simple Divi Shortcode in addition. Therewith I can similarly integrate Divi modules (which I previously build at the Divi library) as shortcode in the classic page editor.
  
  
  ---
  
  ### Answer by username_3 on 2020-11-24. Score: 1
  
  We've worked around this simply by using the default editor instead of the Divi Builder to edit pages with CiviCRM short-codes. Obviously not a real fix for the Divi issue, but we chose to fight other battles instead.
  
  
  ---
  
  