X hide

Creating Custom Placement Banner

From Plumrocket Documentation

You are viewing:  Banner-pro-wiki-icon-32.png  Banner Pro


Contents

Configuring Custom Placement Banner

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

Attention green.png 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.


Description.png 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.jpg


Creating Banner

Description.png 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.jpg


Description.png 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.1.0.jpg


Getting Code

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


Description.png 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.jpg


Adding Code

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

Description.png 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.jpg


Description.png 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.jpg


Description.png Detailed description:
  1. This is how our custom placement banner will be displayed on Magento frontend.


6 magento banner pro custom placement banner.jpg

Banner Pro Extension for Magento Banner Pro Extension for Magento

Navigation