UpScale has multiple widget areas that can be populated with widgets in Appearance/Widgets.

  1. Blog/Post Sidebar
  2. Main sidebar that appears on the right or left part of the blog and single post pages.

  3. Page Sidebar
  4. Main sidebar that appears on the right or left part of the simple page.
    Use in demo: Custom Menu widget

  5. Single Post Header Sidebar
  6. Appears under post meta information on single post page. Great for social sharing.

  7. Single Post Content Sidebar Top
  8. Appears before single post content.

  9. Single Post Content Sidebar Bottom
  10. Appears after single post content.

  11. After Single Post Sidebar
  12. Appears after any other content on single post page.

  13. Before Single Post Sidebar
  14. Appears before any other content on single post page.

  15. Menu Sidebar
  16. Appears on the right side of the menu in standard menu style and under all items in side menu.

  17. Top Bar Sidebar Left
  18. Appears on the left side in the top bar.
    Demo use example: text widgets

    [mnky_list_item icon_fontawesome="fa fa-phone" last_item="last" icon_color="#db2531"]202-555-0120[/mnky_list_item]
    
    [mnky_list_item icon_fontawesome="fa fa-map-marker" last_item="last" icon_color="#db2531"]4982 Parkway Street, Los Angeles, CA 90017 [/mnky_list_item]
    
    [mnky_list_item icon_fontawesome="fa fa-clock-o" last_item="last" icon_color="#db2531"]8AM - 5PM Weekdays[/mnky_list_item]

    See how to use page builder elements as shortcodes.

  19. Top Bar Sidebar Right
  20. Appears on the right side in the top bar.
    Use in demo: Custom Menu widget

  21. Footer Sidebar 1
  22. First sidebar of the footer section.
    Demo use example: text widget.

    4982 Parkway Street,
    Los Angeles,
    CA 90017
    Tel: (800) 202-555-0120
    info@upscaledemo.com
    [vc_empty_space height="3"]
    <div style="color:#555"><a href="#"><i class="fa fa-twitter" style="font-size:22px; padding-left:0px; padding-right:10px;"></i></a><a href="#"><i class="fa fa-facebook" style="font-size:18px; padding-left:10px; padding-right:10px;"></i></a><a href="#"><i class="fa fa-skype" style="font-size:21px; padding-left:10px; padding-right:10px;"></i></a><a href="#"><i class="fa fa-google-plus" style="font-size:19px; padding-left:10px; padding-right:0px;"></i></a></div>

    Replace icon name with your own from Font Awesome Font Awesome Icons or see how to use page builder elements as shortcodes.

  23. Footer Sidebar 2
  24. Second sidebar of the footer section.
    Demo use example: text widget.

    <ul>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Our Team</a></li>
    <li><a href="#">Testimonials</a></li>
    <li><a href="#">Help & FAQ</a></li>
    <li><a href="#">Our Blog</a></li>
    </ul>
  25. Footer Sidebar 3
  26. Third sidebar of the footer section.

  27. Footer Sidebar 4
  28. Fourth sidebar of the footer section.
    Demo use example: text widget

    <p class="newsletter clearfix">
    <input id="newsletter_signup" name="EMAIL" type="email" placeholder="Your e-mail address" /><button type="submit"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> Sign Up</button>
    </p>
    
    Latest news delivered right to your inbox!
    <em>Your information will be kept confidential and we will not send spam.</em>

    This is an example pre-styled form that you can use with any newsletter plugin or system. For example, if you are using MailChimp for WordPress, just copy the html into the Forms field or you can generate your own.

    The only thing required to have the demo styling is to have a “newsletter clearfix” classes for the wrapping p tag.

    Example:

    <p class="newsletter clearfix">
    <input type="email" name="EMAIL" id="newsletter_signup" type="text" placeholder="Your e-mail address" /><input type="submit" value="Sign up" />
    </p>
  29. Copyright Area
  30. Appears below footer. Used to add copyright text.

  31. WooCommerce Page Sidebar
  32. Main sidebar that appears on the right or left part of the WooCommerce shop and product pages. Requires WooCommerce.

  33. Mobile Header Sidebar
  34. Appears in mobile header before hamburger icon.

  35. Mobile Menu Sidebar
  36. Appears after mobile menu items.
    Demo use example: text widgets

    [mnky_list_item icon_fontawesome="fa fa-location-arrow"]4982 Parkway Street, Los Angeles, CA 90017[/mnky_list_item][mnky_list_item icon_fontawesome="fa fa-comment"](800) 202-555-0120[/mnky_list_item][mnky_list_item icon_fontawesome="fa fa-envelope"]info@upscaledemo.com[/mnky_list_item][mnky_list_item icon_fontawesome="fa fa-calendar" last_item="last"]Open every day from 8am to 5pm[/mnky_list_item]

    See how to use page builder elements as shortcodes.

If you need to control on which pages widgets will display, we recommend Dynamic Widgets plugin. You can also use any other plugin if your choice.