đ Grab 25% discounts on BetterDocs PRO. Use coupon:
BetterDocs gives you the complete flexibility to configure and style your Docs archive page with Elementor. You will get access to lots of free widgets to edit your Docs page with Elementor any way you want and create stunning designs in a few minutes. Â
Here’s a step-by-step guide on how to set up the Docs page with Elementor Theme Builder:Â
Note: The Elementor Theme Builder is a feature that is only available with Elementor Pro. So to configure your Doc page with Elementor, make sure Elementor Pro is activated and installed on your WordPress dashboard.
From your WordPress dashboard and navigate to Templatesâ Theme Builder. Click on the âAdd Newâ button, select âDoc Archiveâ as your template type and then click on the âCreate Templateâ button as shown below.Â
Once you are done with Step 1, you will be redirected to the Elementor Editor. From the Elementor editorâs âELEMENTSâ tab, you will find BetterDocs elements to design your Docs page template. Drag and drop these widgets from the widget panel on the page as you need.
Note: BetterDocs Category Box and BetterDocs Category Grid elements are only available with Essential Addons For Elementor. To create your Docs page with Elementor, you have to install and activate the plugin on your dashboard.Â
The Doc Search Form element allows you to add a live search bar to your Docs page. Drag and drop this element wherever you’d like on your page.
The element is displayed on your page by default as shown below.
You can customize your Doc Search Form from the âContentâ tab. Under the âSearch Boxâ section you will see options for changing the background type and color. You can add images, solid colors, or gradients for your background.
It is also possible to customize the âSearch Fieldâ sectionâs coloring, typography, padding, icons, and so on.
You can change the width, background type, and border for your results box from the âSearch Result Boxâ section. With the âSearch Result Listâ section, you can also change the typography and colors used for your search results.
BetterDocs Category Box helps you to showcase all your documentation categories together in box format. From âContentâ tab, you can include and exclude categories from displaying on the Docs page. Also, you can customize the layout option, icons, title, and many more.Â
For more information on how to configure EA BetterDocs Category Box, check out this documentation.
BetterDocs Category Grid allows you to display your documentation categories in an amazing grid format. It allows you to choose which docs category to include and which to exclude. Besides, you can customize the layout option, icons, title, and many more.
To learn more about how to configure EA BetterDocs Category Grid on your Docs page, visit this documentation.
You can choose either BetterDocs Category Grid or BetterDocs Category Box to design your Docs page with Elementor. After making all the changes, click on the âPublishâ button. You will see a popup asking you to set conditions. Pick âDoc pageâ option and click on âSave & Closeâ and your Docs page will be published.
After following these simple steps, you can create your own custom Docs page with Elementor and change the designs as per your preference.
Using BetterDocs, this is how you can create a compelling Docs page with Elementor Theme Builder effortlessly.
If you face any difficulties, feel free to contact our support team.
Powered by BetterDocs
Your email address will not be published. Required fields are marked *
Comment
Name *
Email *
Website
Save my name, email, and website in this browser for the next time I comment.