{"id":13,"date":"2020-02-28T15:57:35","date_gmt":"2020-02-28T15:57:35","guid":{"rendered":"http:\/\/wiki2.plumserver.com\/knowledge-base\/creating-banner-on-external-website"},"modified":"2021-09-24T11:55:10","modified_gmt":"2021-09-24T15:55:10","slug":"magento-1-banner-pro-v1-creating-banner-on-external-website","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site","title":{"rendered":"Creating Banner On External Website"},"content":{"rendered":"\n

Configuring Magento Banner on External Website<\/h2>\n\n\n\n

In this article you will learn how to create Banner on External Website in your Magento Banner Pro Extension<\/a>.<\/p>\n\n\n\n

\n

Important Information:<\/p>\n\n\n\n

Before you proceed with creating Banner On External Website, please, make sure you have already created a campaign<\/a> and a banner group<\/a> for this banners<\/strong> .<\/p>\n<\/div><\/div>\n\n\n\n

Creating Placeholder<\/h3>\n\n\n\n

In order to create a banner on external website, you need to create a specific type of a placeholder for this banner.<\/p>\n\n\n\n

\n

Detailed description:<\/p>\n\n\n\n

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

    Detailed description:<\/p>\n\n\n\n

    1. Once you have saved the placeholder, you may create a banner within this tab. Go to “Banners” tab.<\/strong><\/li>
    2. Press on the “Add New Banner” button.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
      \"2<\/figure>\n\n\n\n
      \n

      Detailed description:<\/p>\n\n\n\n

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

        Getting Code<\/h3>\n\n\n\n

        Once you have created a placeholder and a banner you can get a code of this banner in order to display it on external resources. In the main menu go to “Plumrocket” -> “Manage Placeholders” section -> find “External Websites” placeholder you have previously created.<\/p>\n\n\n\n

        \n

        Detailed description:<\/p>\n\n\n\n

        1. Go to “Get Code” tab.<\/strong><\/li>
        2. Select “Display Banner on External Websites” section.<\/strong><\/li>
        3. Copy this code in order to use it on the external websites.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
          \"3<\/figure>\n\n\n\n

          Placing Banner on External Website<\/h3>\n\n\n\n

          We used a website built on the WordPress content management system.You can read more information on this content management system here<\/a>.<\/p>\n\n\n\n

          \n

          Detailed description:<\/p>\n\n\n\n

          1. As an example we will place our banner here.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
            \"Magento<\/figure>\n\n\n\n

            Log into the backend of your WordPress website.<\/p>\n\n\n\n

            \n

            Detailed description:<\/p>\n\n\n\n

            1. “Go to “Dashboard”.<\/strong><\/li>
            2. Select the “Appearance” tab.<\/strong><\/li>
            3. Navigate to the “Widgets” section.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
              \"Magento<\/figure>\n\n\n\n
              \n

              Detailed description:<\/p>\n\n\n\n

              1. As an example we have created “Ads” block in the right sidebar of the page.<\/strong><\/li>
              2. In the “Content” field you need to paste the code copied from the Magento Admin Panel.<\/strong><\/li>
              3. Press “Save” button to save the changes.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                \"Magento<\/figure>\n\n\n\n
                \n

                Detailed description:<\/p>\n\n\n\n

                1. This is how your banner will be displayed on the frontend of the external website.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                  \"Magento<\/figure>\n\n\n\n

                  <\/p>\n","protected":false},"excerpt":{"rendered":"

                  Configuring Magento Banner on External Website In this article you will learn how to create Banner on External Website in your Magento Banner Pro Extension. Creating Placeholder In order to create a banner on external website, you need to create a specific type of a placeholder for this banner. Getting Code Once you have created … <\/p>\n

                  Continue reading “Creating Banner On External Website”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[221],"tags":[],"yoast_head":"\nCreating Banner On External Website - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"Configuring Magento Banner on External Website In this article you will learn how to create Banner on External Website in your Magento Banner Pro\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating Banner On External Website\" \/>\n<meta property=\"og:description\" content=\"Configuring Magento Banner on External Website In this article you will learn how to create Banner on External Website in your Magento Banner Pro\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-28T15:57:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-24T15:55:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/1_magento_banner_pro_banner_on_external_website.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Creating Banner On External Website - Plumrocket Documentation","description":"Configuring Magento Banner on External Website In this article you will learn how to create Banner on External Website in your Magento Banner Pro","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site","og_locale":"en_US","og_type":"article","og_title":"Creating Banner On External Website","og_description":"Configuring Magento Banner on External Website In this article you will learn how to create Banner on External Website in your Magento Banner Pro","og_url":"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site","og_site_name":"Plumrocket Documentation","article_published_time":"2020-02-28T15:57:35+00:00","article_modified_time":"2021-09-24T15:55:10+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/1_magento_banner_pro_banner_on_external_website.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site#primaryimage","inLanguage":"en-US","url":"\/docs\/wp-content\/uploads\/2020\/05\/1_magento_banner_pro_banner_on_external_website.jpg","contentUrl":"\/docs\/wp-content\/uploads\/2020\/05\/1_magento_banner_pro_banner_on_external_website.jpg"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site","name":"Creating Banner On External Website - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site#primaryimage"},"datePublished":"2020-02-28T15:57:35+00:00","dateModified":"2021-09-24T15:55:10+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"description":"Configuring Magento Banner on External Website In this article you will learn how to create Banner on External Website in your Magento Banner Pro","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1\/quickstart\/create-banner-on-external-site#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento Extensions","item":"https:\/\/plumrocket.com\/magento-1-extensions"},{"@type":"ListItem","position":2,"name":"Magento Banner Pro","item":"https:\/\/plumrocket.com\/magento-1-banner-pro"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro"},{"@type":"ListItem","position":4,"name":"v1","item":"https:\/\/plumrocket.com\/docs\/magento-1-banner-pro\/v1"},{"@type":"ListItem","position":5,"name":"Creating Banner On External Website"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","caption":"Plumrocket"},"sameAs":["https:\/\/plumrocket.com\/docs"]}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/13"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":2,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"predecessor-version":[{"id":24452,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/13\/revisions\/24452"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}