{"id":12053,"date":"2021-02-19T15:23:51","date_gmt":"2021-02-19T09:38:51","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/blossom-studio\/banner-settings\/static-video-newsletter-banner\/"},"modified":"2021-02-19T15:37:16","modified_gmt":"2021-02-19T09:52:16","slug":"static-video-newsletter-banner","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-studio-pro\/banner-settings\/static-video-newsletter-banner\/","title":{"rendered":"Static\/Video Newsletter Banner"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Note<\/strong>: If you have added a video, the image will not be displayed. You can either use an image or a video in the banner section at a time. In the mobile view, the video will not be displayed to save bandwidth, instead, the fallback image will be displayed. So we recommend you to add a banner image as well.<\/p>\n\n\n\n

To add a newsletter to the banner, you will have to first create the newsletter. <\/p>\n\n\n\n

You need to have BlossomThemes Email Newsletter plugin<\/a><\/strong> installed and activated for this setting.<\/p>\n\n\n\n

You can add a subscription form on the newsletter section of your website from here. To add a newsletter, you need to create a newsletter first and copy & paste the newsletter shortcode.<\/p>\n\n\n\n

Creating Newsletters<\/h2>\n\n\n\n
  • Go to BlossomThemes Email Newsletter > Add New<\/strong><\/li><\/ul>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    • Enter the title for the newsletter.<\/li>
    • Select the options on the Field Settings. Select \u201cName and Email\u201d if you want users to enter their Name and Email to subscribe to your newsletters, otherwise select \u201cEmail\u201d.<\/li>
    • Enter Name and Email placeholder.<\/li>
    • Enter the label for Submit button.<\/li>
    • Enter Form note. The note will be displayed below the Title.<\/li>
    • From the Appearance Settings, edit the appearance of the newsletter form.<\/li>
    • Click on Publish <\/strong>to create the newsletter<\/li><\/ul>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      Configuring Newsletters<\/h2>\n\n\n\n
      • Go to BlossomThemes Email Newsletter > Settings<\/strong><\/li>
      • Select the email platform.<\/li>
      • Enter the API key of the email platform.<\/li>
      • Select the mailing list in the List Id field.<\/li>
      • Select whether to display Popup text of Page when a visitor subscribes to your newsletter. If you select popup text, enter the message. If you select page, select the page you want to show.<\/li>
      • Click Save Changes<\/strong>.<\/li><\/ul>\n\n\n\n

        Adding Newsletter on the Newsletter section<\/h2>\n\n\n\n
        • Go to Appearance > Customize > General Settings > Newsletter Settings<\/strong><\/li>
        • Enable Newsletter Section. Blue is enabled.<\/li>
        • Enter the shortcode of the newsletter form you want to show. You can find the shortcode on the left-hand side of the newsletter.<\/li>
        • Click Publish<\/strong>.<\/li><\/ul>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          • Go to Appearance > Customize > Front Page Settings > Banner Section.<\/strong><\/li>
          • Choose Static\/Video Newsletter Banner<\/strong> in the Banner Options.<\/li>
          • Click on Select video<\/strong> to upload the video of your choice in the Banner Section or you can also add the Youtube URL for a video.<\/li>
          • If you want to display a static image, click on Add New Image<\/strong> to upload the desired image on the banner section.<\/li>
          • Upload an image for the Background of the Banner.<\/li>
          • Enter the Newsletter Shortcode<\/strong> to display the Newsletter on the banner section.<\/li>
          • Click Publish. <\/strong><\/li><\/ul>\n\n\n\n
            \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

            Note: If you have added a video, the image will not be displayed. You can either use an image or a video in the banner section at a time. In the mobile view, the video will not be displayed to save bandwidth, instead, the fallback image will be displayed. So we recommend you to add […]<\/p>\n","protected":false},"featured_media":0,"parent":12051,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-12053","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12053"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=12053"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12053\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12051"}],"next":[{"title":"Static\/Video Appointment Banner","link":"https:\/\/docs.blossomthemes.com\/blossom-studio-pro\/banner-settings\/static-video-appointment-banner\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12054"}],"prev":[{"title":"Static\/Video CTA Banner","link":"https:\/\/docs.blossomthemes.com\/blossom-studio-pro\/banner-settings\/static-video-cta-banner\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12052"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=12053"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=12053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}