Divi Widget Modul einbinden

Embed WordPress widget in articles and pages with Divi

12. February 2020

WordPress Widgets are very inflexible and can mostly only be integrated in the footer and sidebar area. If you want to position a widget outside, the Divi-Theme offers a convenient solution. In this article we will show how you can use the Divi-Builder to integrate widgets in any position on your website without additional code.

To include a widget with Divi, we first need to create a widget area. To do this, we navigate from the WordPress Dashboard to Design > Widgets. Then we enter the name of the widget area we want to create in the field on the right side of the screen. Confirm your entry by clicking on the Create button. Now we have to reload the browser window to display the new widget area. With a click on the marked arrow, the container will be opened.

 

Add Widget WordPress

 

Now we can fill the widget area. On the left side you will find all available widgets. By Drag & Drop we drag the desired widgets into the container and then click on Save.

 

insert divi widget

 

Now we can integrate the newly created section into our site. To do this, we go to the place where we want to include the widget and add a sidebar module. In the settings we select the area we created before and save the change.

 

Module Divi

 

If you want, you can still change something in the design. In this example, we remove the border separator that is displayed on the left or right side by default when using the sidebar module. To remove the border separator, we go to the Design tab and click on the slide button at Remove border separator.

e.g;

insert wordpress widget into page

 

Now we can save our work, update it and review the result. The widget should now appear at the desired position.
Any questions? Suggestions for improvement or suggestions for further articles? Then write us your ideas in the comments!

SIE KÖNNEN SICH BEI UNS BEDANKEN!

Sofern Ihnen der Artikel geholfen hat, können Sie sich mit wenig Aufwand revanchieren!

 

Bitte hinterlassen Sie uns eine positive Bewertung.

 

Falls Sie Fehler entdecken oder ein Artikel unvollständig ist, freuen wir uns über einen Kommentar.

Bewertung erstellen

Comments

Tell us what you think! Reply now

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