Below, you’ll find a detailed guide on how to add the Contact Form 7 Module For Divi Builder Shortcodes to your WordPress website, including their parameters, examples, and PHP function code. Additionally, we’ll assist you with common issues that might cause the Contact Form 7 Module For Divi Builder Plugin shortcodes not to show or not to work correctly.
Before starting, here is an overview of the Contact Form 7 Module For Divi Builder Plugin and the shortcodes it provides:
"Contact Form 7 Module For Divi Builder is a WordPress plugin that integrates the functionality of Contact Form 7 into Divi Builder, enabling you to style your forms with ease."
- [dipe_row]
- [dipe_one]
- [dipe_one_half]
- [dipe_one_third]
- [dipe_one_fourth]
- [dipe_two_third]
- [dipe_three_fourth]
Contact Form 7 Module For Divi Builder [dipe_row] Shortcode
The ‘cf7-styler-for-divi’ plugin shortcode ‘dipe_row’ is designed to render rows in a structured format. It encapsulates content within a div class, enhancing layout control.
Shortcode: [dipe_row]
Examples and Usage
Basic example – The shortcode ‘dipe_row’ is used to create a Divi row. The content within the row is defined within the shortcode. This is a simple way to create a Divi row without any additional parameters.
[dipe_row] Your content here [/dipe_row]PHP Function Code
In case you have difficulties debugging what causing issues with [dipe_row] shortcode, check below the related PHP functions code.
Shortcode line:
add_shortcode( 'dipe_row', array( $this, 'row_render' ) );Shortcode PHP function:
function row_render( $attrs, $content = null ) {
$attrs = shortcode_atts( array(), $attrs );
ob_start();
$shortcode = sprintf(
'<div class="dp-row">
%1$s
</div>',
do_shortcode( $content )
);
echo et_core_intentionally_unescaped( $shortcode, 'html' ); //phpcs:ignore.
return ob_get_clean();
}
Code file location:
cf7-styler-for-divi/cf7-styler-for-divi/includes/shortcode.phpContact Form 7 Module For Divi Builder [dipe_one] Shortcode
The ‘dipe_one’ shortcode from the cf7-styler-for-divi plugin creates a single column layout. It wraps the content within a div container, applying specific styling classes.
Shortcode: [dipe_one]
Examples and Usage
Basic example – The shortcode ‘dipe_one’ is used to render content within a div element with specific class names. The content to be rendered is passed as a parameter to the shortcode.
[dipe_one]Your content goes here[/dipe_one]PHP Function Code
In case you have difficulties debugging what causing issues with [dipe_one] shortcode, check below the related PHP functions code.
Shortcode line:
add_shortcode( 'dipe_one', array( $this, 'one_col_render' ) );Shortcode PHP function:
function one_col_render( $attrs, $content = null ) {
$attrs = shortcode_atts( array(), $attrs );
ob_start();
$shortcode = sprintf(
'<div class="dp-col dp-col-12">
%1$s
</div>',
do_shortcode( $content )
);
echo et_core_intentionally_unescaped( $shortcode, 'html' ); //phpcs:ignore.
return ob_get_clean();
}
Code file location:
cf7-styler-for-divi/cf7-styler-for-divi/includes/shortcode.phpContact Form 7 Module For Divi Builder [dipe_one_half] Shortcode
The ‘dipe_one_half’ shortcode from the cf7-styler-for-divi plugin is designed to render content in half of the available width. This shortcode creates a column that takes up half of the total width on medium and large screens. It uses the ‘dp-col’, ‘dp-col-12’, ‘dp-col-md-6’, and ‘dp-col-lg-6’ classes to achieve this layout. The content within this column is processed through the ‘do_shortcode’ function, allowing nested shortcodes to function correctly.
Shortcode: [dipe_one_half]
Examples and Usage
Basic example – A simple usage of the ‘dipe_one_half’ shortcode to structure content into two columns
[dipe_one_half]Your content goes here[/dipe_one_half]Contact Form 7 Module For Divi Builder [dipe_one_third] Shortcode
The ‘dipe_one_third’ shortcode from the cf7-styler-for-divi plugin creates a one-third column layout. It renders the content within a div, applying specific CSS classes to ensure the content fits within one third of the page width.
Shortcode: [dipe_one_third]
Examples and Usage
Basic example – A simple usage of the ‘dipe_one_third’ shortcode that renders a one-third column with content.
[dipe_one_third] Your content here [/dipe_one_third]PHP Function Code
In case you have difficulties debugging what causing issues with [dipe_one_third] shortcode, check below the related PHP functions code.
Shortcode line:
add_shortcode( 'dipe_one_third', array( $this, 'one_third_col_render' ) );Shortcode PHP function:
function one_third_col_render( $attrs, $content = null ) {
$attrs = shortcode_atts( array(), $attrs );
ob_start();
$shortcode = sprintf(
'<div class="dp-col dp-col-12 dp-col-md-4 dp-col-lg-4">
%1$s
</div>',
do_shortcode( $content )
);
echo et_core_intentionally_unescaped( $shortcode, 'html' ); //phpcs:ignore.
return ob_get_clean();
}
Code file location:
cf7-styler-for-divi/cf7-styler-for-divi/includes/shortcode.phpContact Form 7 Module For Divi Builder [dipe_one_fourth] Shortcode
The cf7-styler-for-divi plugin shortcode, ‘dipe_one_fourth’, is designed to render a column that takes up one-fourth of the available width. This shortcode wraps the content within a div, applying CSS classes to make it responsive. It uses ob_start() and ob_get_clean() to buffer the content, ensuring it’s outputted correctly.
Shortcode: [dipe_one_fourth]
Examples and Usage
Basic example – A simple usage of the ‘dipe_one_fourth’ shortcode to render a section of the content in a one-fourth column layout.
[dipe_one_fourth]Your content goes here...[/dipe_one_fourth]PHP Function Code
In case you have difficulties debugging what causing issues with [dipe_one_fourth] shortcode, check below the related PHP functions code.
Shortcode line:
add_shortcode( 'dipe_one_fourth', array( $this, 'one_fourth_col_render' ) );Shortcode PHP function:
function one_fourth_col_render( $attrs, $content = null ) {
$attrs = shortcode_atts( array(), $attrs );
ob_start();
$shortcode = sprintf(
'<div class="dp-col dp-col-12 dp-col-md-3 dp-col-lg-3">
%1$s
</div>',
do_shortcode( $content )
);
echo et_core_intentionally_unescaped( $shortcode, 'html' ); //phpcs:ignore.
return ob_get_clean();
}
Code file location:
cf7-styler-for-divi/cf7-styler-for-divi/includes/shortcode.phpContact Form 7 Module For Divi Builder [dipe_two_third] Shortcode
The ‘dipe_two_third’ shortcode from cf7-styler-for-divi plugin is used to create a two-thirds column in a Divi layout. It generates a Divi-styled column that occupies two-thirds of the available space.
Shortcode: [dipe_two_third]
Examples and Usage
Basic Example – The shortcode is utilized to display content in a two-thirds column layout.
[dipe_two_third]Your content here[/dipe_two_third]PHP Function Code
In case you have difficulties debugging what causing issues with [dipe_two_third] shortcode, check below the related PHP functions code.
Shortcode line:
add_shortcode( 'dipe_two_third', array( $this, 'two_third_col_render' ) );Shortcode PHP function:
function two_third_col_render( $attrs, $content = null ) {
$attrs = shortcode_atts( array(), $attrs );
ob_start();
$shortcode = sprintf(
'<div class="dp-col dp-col-12 dp-col-md-8 dp-col-lg-8">
%1$s
</div>',
do_shortcode( $content )
);
echo et_core_intentionally_unescaped( $shortcode, 'html' ); //phpcs:ignore.
return ob_get_clean();
}
Code file location:
cf7-styler-for-divi/cf7-styler-for-divi/includes/shortcode.phpContact Form 7 Module For Divi Builder [dipe_three_fourth] Shortcode
The ‘dipe_three_fourth’ shortcode from the cf7-styler-for-divi plugin is designed to render content in a three-fourth column layout. The shortcode uses the ‘three_fourth_col_render’ function to create a div that spans 75% of the page width. It applies the ‘dp-col’, ‘dp-col-12’, ‘dp-col-md-9’, and ‘dp-col-lg-9’ CSS classes to the div. The content within the shortcode is then rendered within this div.
Shortcode: [dipe_three_fourth]
Examples and Usage
Basic example – The following example demonstrates the basic usage of the ‘dipe_three_fourth’ shortcode. It allows you to render content within a three-fourth column layout.
[dipe_three_fourth]Your Content Here[/dipe_three_fourth]PHP Function Code
In case you have difficulties debugging what causing issues with [dipe_three_fourth] shortcode, check below the related PHP functions code.
Shortcode line:
add_shortcode( 'dipe_three_fourth', array( $this, 'three_fourth_col_render' ) );Shortcode PHP function:
function three_fourth_col_render( $attrs, $content = null ) {
$attrs = shortcode_atts( array(), $attrs );
ob_start();
$shortcode = sprintf(
'<div class="dp-col dp-col-12 dp-col-md-9 dp-col-lg-9">
%1$s
</div>',
do_shortcode( $content )
);
echo et_core_intentionally_unescaped( $shortcode, 'html' ); //phpcs:ignore.
return ob_get_clean();
}
Code file location:
cf7-styler-for-divi/cf7-styler-for-divi/includes/shortcode.phpConclusion
Now that you’ve learned how to embed the Contact Form 7 Module For Divi Builder Plugin shortcodes, understood the parameters, and seen code examples, it’s easy to use and debug any issue that might cause it to ‘not work’. If you still have difficulties with it, don’t hesitate to leave a comment below.
Leave a Reply