# Ordered Ads (Pro)

The ordered ads feature helps you select multiple ads and set an order for them to show up on the front end.

### Displaying Ordered Ads

#### Display Ordered Ads using Gutenberg Block

{% hint style="danger" %}
Please note that the Gutenberg Block for displaying Ordered Ads will be deprecated soon. Refer <https://docs.wpeka.com/wp-adcenter/placing-ads/placing-ad-using-consolidated-block-elementor-widget> to replace the Ordered Ads Gutenberg block with the Consolidated Ad Gutenberg Block.
{% endhint %}

* Select **WPAdCenter Ordered Ads** block in the editor as shown below.

![](/files/rIO1rDOGIm2YJ7k5sAuu)

* Select ads that are to be displayed on the front end.
* The order of the ads can be set by drag and drop or also clicking on the arrow buttons.
* Provide alignment for the ads.
* Set the number of columns for displaying ads.
* To provide maximum width for an ad, enable the **Max Width** option and provide a maximum width value.
* To display ads on specific devices, select the corresponding checkboxes. The changes will take effect on the preview page or live page and not while editing.
* Click on **Publish**/**Update** button.

#### Display Ordered Ads using Shortcode

* Shortcode for reference:\[wpadcenter\_ordered\_ads ad\_ids=139 align='center' num\_columns=1 max\_width='on' max\_width\_value=300 devices=mobile,tablet,desktop]

![](/files/-M_u0Jq3BBGdvF0l3F7D)

* Provide comma-separated ad IDs in the order that they should be displayed on the front end.
* Alignment can be specified as "left", "right" and "center".
* Set number of columns for displaying ads on the front end.
* Max width can be set to  "on" or "off".
* Max Width Value is the value in pixels.
* To display ads on specific devices, specify the names of devices. If the 'devices' attribute is not provided the ad will be shown on all devices.
* Click on **Publish**/**Update** button to save the shortcode.

#### Display Ordered Ads using Widget

* Select **WPAdCenter Ordered Ads** widget as shown in the image below.

![](/files/-M_u12WKJEfYygv_UclR)

* Select ads that are to be displayed on the front end.
* The order of the ads can be set by drag and drop or also clicking on the arrow buttons.
* Provide alignment for the ads.
* Set the number of columns for displaying ads.
* To provide maximum width for an ad, enable the **Max Width** option and provide a maximum width value.
* To display ads on specific devices, select the corresponding checkboxes.
* Click on the **Save** button.

#### Display Ordered Ads using Elementor

{% hint style="danger" %}
Please note that the Elementor Widget for displaying Ordered Ads will be deprecated soon. Refer <https://docs.wpeka.com/wp-adcenter/placing-ads/placing-ad-using-consolidated-block-elementor-widget> to replace the Ordered Ads Elementor widget with the Consolidated Ad Elementor widget.
{% endhint %}

* Select **WPAdcenter Ordered Ads** widget which is present under **General** category.

![](/files/IrvkKntKlOkwSWerP44X)

* Click on the **ADD ITEM** button to add ads.
* Set the order by drag and drop of the items in the ads list.
* Set Alignment for the ads.
* Specify the number of columns for ads.
* To provide maximum width for an ad, enable the **Max Width** option and provide a maximum width value.
* To display ads on specific devices, select the corresponding checkboxes. The changes will take effect on the preview page or live page and not while editing.
* Click on **Publish**/**Update** button.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wpeka.com/wp-adcenter/placing-ads/ordered-ads-pro.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.