馃巵 Grab 20% discounts on BetterDocs PRO. Use coupon:

How To Configure Docs Page With Elementor?

BetterDocs gives you the complete flexibility to configure and style your docs page with Elementor. You will get access to ready blocks, docs category archive page layouts with 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:聽

Uwaga: Konstruktor motyw贸w Elementor to funkcja dost臋pna tylko z Elementor Pro. So to configure your Doc page with Elementor, make sure Elementor Pro is activated and installed on your WordPress dashboard.

Step 1: Create Your Docs Page Template In Elementor #

From your WordPress dashboard and navigate to Templates鈫 Theme Builder. Click on the 'Dodaj nowe' button, select 鈥楧oc Archive鈥 as your template type and then click on the 鈥楥reate Template鈥 button as shown below.聽Docs Page With Elementor

It will come up with a pop-up window that showcases BetterDocs ready blocks for Elementor. You can use these ready blocks to instantly create your docs archive page.

docs page BetterDocs

Step 2: Insert Ready Elementor Layouts for Docs Archive Pages #

Click the 鈥業nsert鈥 button for any of the BetterDocs docs category archive page layouts. It will be displayed on your Elementor Editor just within a few moments.

docs page BetterDocs

Step 3: Configure Single Doc Page In Elementor #

BetterDocs also comes with ready blocks to design single docs in Elementor Editor. If you want to create one, you have to navigate to Szablony 鈫 Kreator motyw贸w. Click on the 'Dodaj nowe' button, select 鈥楽ingle Doc鈥 as your template type and then click on the 鈥楥reate Template鈥 button as shown below.

docs page BetterDocs

You will get a popup window that displays all聽the ready blocks to create your single docs page in Elementor Editor.docs page BetterDocs

Step 4: Insert BetterDocs Ready Blocks For Single Doc聽 #

Next, you have to hit the 鈥業nsert鈥 button on any of the ready designs and it will show up within a few minutes on your Elementor Editor. Now you are completely free to make any changes according to your need. 聽

docs page BetterDocs

Or if you want, you can also customize your docs category archive page from scratch by configuring different elements,聽

Step 5: Customize Your Docs Page With Elementor #

You just have to choose a single page archive or docs single page from your Elementor theme builder, and then 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.Docs Page With Elementor

Formularz wyszukiwania dokument贸w #

The Formularz wyszukiwania dokument贸w 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.

Docs Page With Elementor

The element is displayed on your page by default as shown below.

Docs Page With Elementor

You can customize your Formularz wyszukiwania dokument贸w from the 'Zadowolony' tab. Under the 鈥濸ole wyszukiwania鈥 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 'Pole wyszukiwania' section鈥檚 coloring, typography, padding, icons, and so on.

Docs Page With Elementor

You can change the width, background type, and border for your results box from the 鈥濸ole wynik贸w wyszukiwania鈥 section. With the 鈥濴ista wynik贸w wyszukiwania鈥 section, you can also change the typography and colors used for your search results.

Docs Page With Elementor

BetterDocs Category Box #

BetterDocs Category Box helps you to showcase all your documentation categories together in box format. From 'Zadowolony' 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 BetterDocs Category Box, check out this dokumentacja.

Docs Page With Elementor

BetterDocs Category Grid聽 #

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 BetterDocs Category Grid on your Docs page, visit this dokumentacja.

Docs Page With Elementor

Step 3: Set Conditions & Publish Docs Page Template #

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 'Publikowa膰' button. You will see a popup asking you to set conditions. Pick 鈥楧oc page鈥 option and click on 鈥瀂apisz i zamknij鈥 and your Docs page will be published.

Docs Page With Elementor

Ostateczny wynik #

After following these simple steps, you can create your own custom Docs page with Elementor and change the designs as per your preference.

Docs Page With Elementor

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.

Obs艂ugiwane przez BetterDocs

Dodaj komentarz

Tw贸j adres email nie zostanie opublikowany. Pola, kt贸rych wype艂nienie jest wymagane, s膮 oznaczone symbolem *