How To: Add A Featured Product Section To A WordPress Page

The Organic Featured Product Widget displays a section that allows you to add an image, description, and button link for a product on a WordPress page.

This is an example of an Organic Featured Product section.

After installing and activating the Organic Customizer Widgets plugin:

  1. Apply Organic Custom page template within selected page.
  2. Update or Publish the page.
  3. Click the Customize Page button.
  4. Click the + Add A Widget button.
  5. Select the Organic Featured Product widget.
  6. Give your product a title and description.
  7. To add a button link, give button a title (Featured Link Text) and Copy/Paste URL (Featured Link URL).
  8. Complete remaining fields as desired (Product Image Link URL, Content Alignment, Window Height Section, Background Image, etc.).

How To: Add A Content Slideshow Section To A WordPress Page

The Organic Content Slideshow Widget displays a section of posts with featured images and excerpts in the form of a slideshow. You can choose the slideshow transition style (fade or slide), and choose the number of posts you want to display in your slideshow. Slides have arrows to skip forward or backward, but will change automatically. You can also customize the transition time between each slide.

After installing and activating the Organic Customizer Widgets plugin:

  1. Apply Organic Custom page template to selected page.
  2. Update or Publish the page.
  3. Click the Customize Page button.
  4. Click the + Add A Widget button.
  5. Select the Organic Content Slideshow widget.
  6. Complete all fields (select Post Category, Slide Interval, Transition Style, Max Number Of Posts).
  7. Optionally add a background image or color.

*Tip: If you want all your slides to be the same size, don’t forget to equally resize and edit all of the featured images for you posts in a photo editing program.

How To: Add A Blog Posts Section To A WordPress Page

The Organic Blog Posts Widget displays a section your most recent blog posts from a selected category on the page of your choice.

This is an example of Organic Custom Blog Posts widget.

After installing and activating the Organic Customizer Widgets plugin:

  1. Apply Organic Custom page template to selected page.
  2. Update or Publish the page.
  3. Click the Customize Page button.
  4. Click the + Add A Widget button.
  5. Select the Organic Blog Posts widget.
  6. Fill out desired fields (title & subtitle, post category, max number of posts, column number).
  7. You may also choose a background color or image for this section.

How To: Add A Hero Section To A WordPress Page

The Organic Hero Widget is a great way to display a full-screen content content that represents you or your business.

Add a page section with your favorite nature photo and an inspirational quote. A fun team photo with your company’s mission statement. A background video with… well, you get the idea. The possibilities are endless! You can also add buttons that link to a designated URL (like a page or purchase form).

This is an example of the Organic Custom Hero widget. (Full Window Height Section applied)

After installing and activating the Organic Customizer Widgets plugin, follow these instructions to add a Hero Section:

  1. Apply Organic Custom page template within selected page.
  2. Update or Publish the page.
  3. Click the Customize Page button.
  4. Click the + Add A Widget button.
  5. Select the Organic Hero widget.
  6. Add title and subtext as desired, within indicated fields.
  7. Add a background image, color, or video (paste YouTube link within indicated field for background video).
  8. To add button links, simply give the button a title (Featured Link Text field), then copy/paste URL into Featured Link URL.
  9. Additional: You may move content via Content Alignment arrows, or adjust section height by checking indicated boxes.

How To: Use Organic Customizer Widgets

The Organic Customizer Widgets plugin is an extremely powerful plugin for building dynamic pages using custom widgets as content sections. The plugin utilizes the core WordPress customizer, and works with ANY theme.

Adding Widgets

After installing and activating the theme, follow these steps to start adding and using widgets:

  1. Add a new page under Pages > Add New.
  2. Under Page Attributes apply the “Organic Custom” page Template.
  3. Update or Publish the page.
  4. Click the blue Customize Page button. This will take you into the WordPress Customizer for that page.
  5. Click the + Add a Widget button to begin adding Organic Widgets to the page.
  6. Continue adding and arranging widgets on the page as you see fit.
  7. Save & Publish your changes.

Note: The “Organic Custom” page template needs to be applied to any page before you can begin adding widgets to it.

It’s that simple. There are several custom Organic Widgets included with the plugin. Each widget acts as a unique content section — such as a slideshow, testimonials or pricing table. The widgets can be dragged and dropped into position to change the order in which they appear on the page. Additionally, your changes update in real-time within the Customizer. So you can see exactly what your site looks like at all time. It’s a fast, simple and secure way to build dynamic pages.

Editing Widgets

It’s possible to lose track of where widgets have been added after leaving and re-entering the Customizer. Follow these steps to edit a widget you have already added:

  1. Within the Customizer preview window, navigate to the page on your site where the widgets have been added.
  2. Click the Blue Edit Icon next to the widget. This will automatically pull up the widget panel and options for that widget within the Customizer.
  3. Begin changing the widget options.
  4. Save & Publish your changes.

Click the blue edit icon to change options for any widget.

Included Widgets

The following widgets are included with the Organic Customizer Widgets plugin. Click the link for each widget to demo the appearance within our StartUp Theme.

  • Hero – A full browser height section with featured text and a call to action.
  • Blog – Display a section of blog posts from any category in a chosen layout.
  • Content Slideshow – A full width slideshow of featured posts with background images.
  • Feature List – A list of features with icons displayed in multiple column layouts.
  • Portfolio – A section of posts displayed as portfolio images in a masonry layout.
  • Subpage – Display any page content as a section within another page or use custom content.
  • Team – A section of team members from a selected post category.
  • Testimonials – A slideshow of testimonials from a selected category or custom post type.
  • Profile (Groupable) – A personal profile with an image, bio and social media links.
  • Pricing Table (Groupable) – A section of pricing tables with a featured list and link to purchase.
  • Featured Content (Groupable) – Custom content that can be grouped together with other featured content widgets.

Each widget can be customized by changing the background color, images and custom options. Once you’re familiar with using these widgets, the options really are endless.

Groupable Widgets

Profile Widgets that have been grouped together.

The Profile, Pricing Table and Featured Content widgets are groupable. Meaning, if you add multiple widgets of the same type next to each other, they will automatically group together into a single section. Groupable widgets are visually marked with a colored border within the Customizer, as seen in the screenshot to the left.

Note: If a non-groupable widget, or a groupable widget of a different type is added between a defined group, it will break the group. Groupable widgets will display as single full-width sections if they are not grouped with other widgets.

Using Organic Customizer Widgets, you can create dynamic pages on any WordPress website, using virtually any theme! The plugin uses core WordPress functionality. That means there is no bulky proprietary code or endless shortcodes that will drastically decrease the performance of your website. Plus, it’s completely free! There is no vendor lock-in, and your widgets can be migrated between themes and websites with ease. Pretty cool.

If you have any questions regarding usage of the plugin, please post your requests in the support forums. This is a completely free plugin, so if you are in need of faster support, please refer to our Priority Support service.

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match