# Adgroup Ads

### Displaying Ad Groups

#### Display Ads using Short Code

* Copy Short Code from the **Manage Ad Groups** table.
* Past copied shortcode in the editor as shown in the image below.

![](https://456431625-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhZhxDAXbXHWmZ3dUIK%2F-M_tdnBWaj8SfpOGJgMV%2F-M_tgqoOjFe5s9IOpbsH%2Fnew%20adgroup%20gutenberg.png?alt=media\&token=ef929211-f824-4353-bf46-89189b119d94)

* Shortcode for reference : \[wpadcenter\_adgroup adgroup\_ids=5 align='none' num\_ads=1 num\_columns=1 max\_width="on" max\_width\_value=300 devices=mobile,tablet,desktop]
* Here you can provide the alignment options as "left", "right", "center" or "none".
* Specify the number of ads to be displayed.
* Also, you can specify the number of columns.
* Max width can be set to  "on" or "off".
* Max Width Value is the value in pixels.
* Click on **Publish**/**Update** button.

#### Display Ads using Widgets.

* To display ad groups using widgets, select the **WPAdCenter Ad Group** widget as shown in the image below.

![](https://456431625-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhZhxDAXbXHWmZ3dUIK%2F-M_tdnBWaj8SfpOGJgMV%2F-M_ti7sE3yvnj0ybzkaK%2Fnew%20adgroup%20widget.png?alt=media\&token=3f710d9d-b7e5-4724-ad69-92a4e011bf2c)

* From here you can specify a title for the grouped ads.
* Select the ad groups that you wish to display, you can also select multiple ad groups.
* Specify the number of ads.
* Specify the number of columns.
* Choose an alignment for the ads to be displayed.
* 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 Ads using Elementor

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

* Select **WPAdCenter Grouped Ads** widget, it is present under general widgets.

![](https://456431625-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhZhxDAXbXHWmZ3dUIK-754427264%2Fuploads%2FCgKtF0XBUDrgkNJw8Jfg%2Fadgroup1.png?alt=media\&token=7c2d3440-d63a-4756-b378-92a41447c071)

* From here you can select the ad groups to be displayed.
* Select the number of ads.
* Select number of Columns.
* Specify the alignment for the 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 Ads using Gutenberg block

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

* To display ad groups using Gutenberg block add **WPAdCenter Grouped Ads** block to the editor as shown in the image below.

![](https://456431625-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhZhxDAXbXHWmZ3dUIK-754427264%2Fuploads%2FJN42YRSFouUFOMaABgfA%2Fgroupedads2.png?alt=media\&token=cd344e38-baac-417e-a02f-0c2c4e60b66c)

* From here you can select single/multiple Ad Groups to be displayed.
* Also, select the alignment for the Ad Groups.
* Specify the number of Ads to be displayed
* Specify the number of columns to be displayed in the front-end.
* 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.