{"id":4748,"date":"2022-08-08T08:37:37","date_gmt":"2022-08-08T08:37:37","guid":{"rendered":"https:\/\/support.themewinter.com\/docs\/plugins\/?post_type=docs&#038;p=4748"},"modified":"2025-06-04T06:35:03","modified_gmt":"2025-06-04T06:35:03","password":"","slug":"divi-builder-integration","status":"publish","type":"docs","link":"https:\/\/support.themewinter.com\/docs\/plugins\/plugin-docs\/integration\/divi-builder-integration\/","title":{"rendered":"How to Integrate DIVI Builder with Eventin"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" style=\"font-size:40px\">DIVI Builder Integration With Eventin Event Management Plugin for WordPress<\/h2>\n\n\n\n<p>Divi Builder is a powerful visual page builder that is included with the Divi theme for WordPress. This builder allows you to use Divi Builder to construct theme templates and assign those custom templates to pages or posts across your theme (including custom post types like Divi Projects and WooCommerce Products and Pages).<\/p>\n\n\n\n<p>Eventin event plugin for WordPress now supports DIVI, the most popular WYSIWYG builder. Design with DIVI to create the perfect event management website. In order to use DIVI, you will need to have the following plugins installed on your WordPress site:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/wp-event-solution\/\" target=\"_blank\" rel=\"noreferrer noopener\">Eventin<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/eventin-divi-addon\/\" target=\"_blank\" rel=\"noreferrer noopener\">Eventin Divi Addons<\/a><\/strong><\/li>\n\n\n\n<li><strong>WooCommerce <\/strong>(If you want to sell tickets)<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Theme Requirement: <strong>Divi Theme<\/strong><\/li>\n<\/ul>\n\n\n\n<p>In order to install Eventin DIVI Addons, please log in to your WordPress dashboard and go to <strong>&#8220;Plugins&#8221;<\/strong> then <strong>&#8220;Add new&#8221;.<\/strong> After that search with <a href=\"https:\/\/wordpress.org\/plugins\/eventin-divi-addon\/\" target=\"_blank\" rel=\"noreferrer noopener\">&#8220;Eventin DIVI Addons&#8221;<\/a>. You can see the Eventin Divi Addon developed by themewinter. Install and activate the addons.<\/p>\n\n\n\n<p>To install the plugin, click on the &#8220;<strong>Plugins<\/strong>&#8221; and then &#8220;<strong>Add New<\/strong>&#8220;. Then type Eventin in the upper right search plugins search box. After that click on &#8220;<strong>Install Now<\/strong>&#8220;. Wait a bit till installed then click on Activate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"630\" src=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2024\/08\/install-eventin-divi-addon.webp\" alt=\"install eventin divi addon\" class=\"wp-image-7416\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>In order to install the theme, you need to go to &#8220;<strong>Appearance<\/strong>,&#8221; then Themes, and then &#8220;<strong>Add New<\/strong> <strong>Theme<\/strong>&#8220;. You can see the theme uploading option. Select the theme file or drag and drop the themes. Finally, click on <strong>Install Now<\/strong> &gt; <strong>Activate<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"426\" src=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Divi-Theme-Installation-1024x426.jpg\" alt=\"Divi Theme Installation\" class=\"wp-image-4761\" style=\"width:993px;height:auto\" srcset=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Divi-Theme-Installation-1024x426.jpg 1024w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Divi-Theme-Installation-300x125.jpg 300w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Divi-Theme-Installation-768x320.jpg 768w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Divi-Theme-Installation.jpg 1350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"630\" src=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2024\/08\/divi-themes.webp\" alt=\"divi theme for virtual events\" class=\"wp-image-7415\"\/><\/figure>\n\n\n\n<p><strong>Once you have activated the theme and plugins, you are ready to go.<\/strong> Please choose a page on which you want to display events-related information. From the page list, click on <strong>&#8220;Edit With Divi&#8221;. Hold on<\/strong> a moment, and it will take you to the Divi editable page.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Settings key:<\/strong> Admin dashboard -&gt; Pages -&gt; Edit With Divi<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"383\" src=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Edit-with-Divi-1024x383.jpg\" alt=\"Eventin Edit with Divi\" class=\"wp-image-4753\" srcset=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Edit-with-Divi-1024x383.jpg 1024w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Edit-with-Divi-300x112.jpg 300w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Edit-with-Divi-768x287.jpg 768w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Edit-with-Divi.jpg 1350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>After clicking on the &#8220;Edit With Divi&#8221; you will redirect to the page divi editor and you can see the options for start the builder and editing. Please see the screenshot<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module3-1024x473.png\" alt=\"\" class=\"wp-image-4788\" srcset=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module3-1024x473.png 1024w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module3-300x139.png 300w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module3-768x355.png 768w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module3.png 1188w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Click on the start building and then you will find the option to choose the row, you can select the row as you need. <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module4-1024x566.png\" alt=\"\" class=\"wp-image-4789\" srcset=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module4-1024x566.png 1024w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module4-300x166.png 300w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module4-768x424.png 768w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module4.png 1104w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"369\" src=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module2-1024x369.png\" alt=\"\" class=\"wp-image-4784\" srcset=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module2-1024x369.png 1024w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module2-300x108.png 300w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module2-768x276.png 768w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module2.png 1114w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Inside the page, click on the plus(+) sign and insert the module. After that, search with the event keyword. All the eventin widgets will appear In the box.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Divi-insert-module-1024x459.jpg\" alt=\"Eventin Divi insert module\" class=\"wp-image-4754\" srcset=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Divi-insert-module-1024x459.jpg 1024w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Divi-insert-module-300x135.jpg 300w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Divi-insert-module-768x344.jpg 768w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Divi-insert-module.jpg 1351w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>After selecting your specific event module you can see the options, you can choose these options as you required.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module1-1024x547.png\" alt=\"\" class=\"wp-image-4771\" srcset=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module1-1024x547.png 1024w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module1-300x160.png 300w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module1-768x410.png 768w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/divi_module1.png 1152w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> <strong>Add anything that you need, customize and save the changes. Done. Here is the sample output.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Divi-Event-Final-Output-1024x511.jpg\" alt=\"Eventin Divi Event Final Output\" class=\"wp-image-4755\" srcset=\"https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Divi-Event-Final-Output-1024x511.jpg 1024w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Divi-Event-Final-Output-300x150.jpg 300w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Divi-Event-Final-Output-768x383.jpg 768w, https:\/\/support.themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2022\/08\/Eventin-Divi-Event-Final-Output.jpg 1225w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>For more details please watch the video.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Design with Divi Builder to create event management website in 2023\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/SrN9nPbqXpA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>DIVI Builder Integration With Eventin Event Management Plugin for WordPress Divi Builder is a powerful visual page builder that is included with the Divi theme for WordPress. This builder allows you to use Divi Builder to construct theme templates and assign those custom templates to pages or posts across your theme (including custom post types [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[17],"doc_tag":[],"class_list":["post-4748","docs","type-docs","status-publish","hentry","doc_category-integration"],"year_month":"2026-04","word_count":433,"total_views":"5855","reactions":{"happy":"3","normal":"0","sad":"1"},"author_info":{"name":"teamwinter","author_nicename":"teamwinter","author_url":"https:\/\/support.themewinter.com\/docs\/plugins\/author\/teamwinter\/"},"doc_category_info":[{"term_name":"Integration","term_url":"https:\/\/support.themewinter.com\/docs\/plugins\/docs\/integration\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/support.themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/docs\/4748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/support.themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/support.themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/support.themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/comments?post=4748"}],"version-history":[{"count":18,"href":"https:\/\/support.themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/docs\/4748\/revisions"}],"predecessor-version":[{"id":9062,"href":"https:\/\/support.themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/docs\/4748\/revisions\/9062"}],"wp:attachment":[{"href":"https:\/\/support.themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/media?parent=4748"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/support.themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/doc_category?post=4748"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/support.themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/doc_tag?post=4748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}