Creating Custom Placement Banner

Configuring Custom Placement Banner

In this article you will learn how to create Custom Placement Banner in your Magento Banner Pro Extension.

Important Information:

Before you proceed with creating Custom Placement Banner, please, make sure you have already created a campaign and a banner group for this banner.

Creating Placeholder

In order to create a custom placement banner, you need to create a specific type of a placeholder for you banner.

Detailed description:

  1. In your Magento admin panel go to “Plumrocket” tab.
  2. Select “Manage Placeholders” section. In this tab press on the “Add New Placeholders” button.
  3. “Name”: specify the name of a placeholder.
  4. “Status”: option allows to enable or disable a placeholder.
  5. “Location”: option allows you to set the location of a placeholder. As an example we have set “Custom (for Developers)” location for the custom placement banner.
  6. “Type”: select “Static Banner” type for this banner.
  7. “Banner sort order:” specify the sort order banners will be displayed in this placeholder: “By Priority or “Random” .
  8. Save your placeholder by pressing on the “Save Placeholder”‘ button.
1 magento banner pro banner on external website

Creating Banner

Detailed description:

  1. Once you have saved the placeholder, you can create a banner within this tab. Go to “Banners” tab.
  2. Press on the “Add New Banner” button.
2 magento banner pro banner on external website

Detailed description:

  1. “Name”: specify the name of a banner in this field.
  2. “Status”: option allows you to enable or disable the banner.
  3. “Banner Group”: field shows you the banner group this banner is assigned to.
  4. “Placeholder”: in this field you need to select the newly created placeholder. In our case it is a n “External Websites” placeholder which we have previously created.
  5. In the “Show Only On Product Pages” field you may choose whether the banner will be displayed on the product pages only.
  6. Input the number in the “Priority” field. Note: The smaller the number – the higher is the priority. Banners with the highest priority will be displayed in banner sliders and static banners first.
  7. “Destination URL”: enter the url where the visitor will be redirected to after clicking on the banner.
  8. Select Image or HTML banner type in the “Banner Type” field.
  9. After you selected “Image” banner type, upload an image file of your banner.
  10. For SEO purposes you may specify the alt tag andlink title in the “Image Title” field.
  11. “Target”: field allows you to select in which way the destination URL will be opened (e.g. in a new window or tab).
  12. “Display Restrictions” field allows to set restrictions for a banner by pages. Specify rules to select the pages to display the banner on.
  13. Press “Save Banner” to save your settings.
4 magento banner pro banner on external website v1

Getting Code

After you have created a banner, you need to go back to “Manage Placeholders” section -> select “External Website” placeholder.

Detailed description:

  1. In this tab, select “Get Code” section.
  2. Select “Display Banners on Your Magento Store” tab.
  3. Copy the block code to add a placeholder on any CMS Page, Product or Category Page description, etc.
  4. Press “Save Placeholder” to save your changes.
3a magento banner pro banner on external website

Adding Code

As an example we will add our code to one of the CMS Pages.

Detailed description:

  1. In your Magento Admin Panel go to “CMS” tab -> select “Pages” section.
  2. Select any CMS page you need to place the banner on. We have selected the “About us” page.
5a magento banner pro custom placement banner

Detailed description:

  1. Go to “Content” tab.
  2. Paste the code into the input field.
  3. Press “Save Page” to save your changes.
5 magento banner pro custom placement banner

Detailed description:

  1. This is how our custom placement banner will be displayed on Magento frontend.
6 magento banner pro custom placement banner

Was this article helpful?