Reach

As I build out Starter Sites, I document the process here in the ‘Build Notes’, which provides several benefits. This makes the building of Starter Sites take much longer, but I feel it provides better service than simply selling a product.

• Starter Site customers can easily undo or change what I’ve done.
• People can learn how to replicate certain parts of a Starter Site or replicate an entire Starter Site.
• Links to any resources (Product, Guide, etc.) that are part of a Starter Site build are provided.

My approach to these builds empowers you to take a Starter Site, make it your own, and launch it. You will not be reliant upon me (Ryan) or another developer.

• Everything is modular. Don’t like something? Simply remove it, and you’re back to the default MyListing design, functionality, etc.
• No unruly custom development. You won’t have to track down custom code, and you won’t have to rely on a developer for anything. What little custom code I add is centralized within the WPCodeBox plugin (licensed for you), where you can easily manage everything from one spot.
• Reduced plugin reliance. You won’t be overwhelmed by plugins that you need to maintain and educate yourself on. I give you the core solutions that provide a solid foundation to build upon, with performance, SEO, and more in mind.

You will get a complete picture of this Starter Site between the walkthrough video, viewing the live website, and these notes.

What if you could already know the Listings that may want to connect with yours?

Using two-way search, Listings can be matched based on similar needs and interests, eliminating the guesswork.

Be sure to check out the REACH – How It Works page for more information.

I built this to show MyListing website owners how to construct a Blog page that dynamically pulls in posts from multiple categories and displays them in different ways based on certain criteria.

• Dynamically-queried Listings using a simple code snippet within the WPCodeBox plugin.
• Dynamically-queried post grids that are pulled in by category.
• Custom Category Badge Design.
• Newsletter subscription option created with the Elementor Pro Form widget and added as part of the overall website footer.
• Search content using an Elementor Search widget.
• Ad Placement Concept.
• REACH – Blog Page
• REACH – Footer

These pages were designed to help provide a distraction-free checkout process, by hiding the header and footer.

• Each page has been designed to provide easier viewing, clearer calls-to-action, and unique styling, to fix existing design flaws, all the way down to the most granular details.
• Breadcrumb functionality is provided by Elementor Pro’s WooCommerce Breadcrumb widget, assisting with navigation since the header and footer are not present.
• REACH – Cart Page
• REACH – Checkout Page
• REACH – WooCommerce CSS Package

Using Elementor’s built-in ‘Coming Soon’ feature, you can easily use the included REACH – Coming Soon template and eliminate the need for a Coming Soon/Maintenance plugin.

Code Snippets are included to provide custom styling (i.e., CSS) and custom functionality (i.e., PHP, JavaScript, etc.), and all snippets are implemented in a responsible, performance-minded, and modular fashion. I could save a ton of time by cutting corners, but that’s not my style.

• Responsible: Unlike some designers/developers that add ‘!important’ declarations to their CSS to force it upon you, I spend the extra time to ensure these declarations are only used when necessary. I even take the time to report the overuse of ‘!important’ declarations in hopes developers will clean up their code, so it’s lighter and follows best practices.
• Modular: All code snippets are modular. They can easily be toggled ON/OFF for testing, troubleshooting, removal, etc.

Rest assured that these code snippets do not create any reliance on me (Ryan) or a developer. 

Not feeling a particular design or function? No worries. Simply toggle OFF or remove the code snippet and let the default styling/functionality of the MyListing theme take over.

Code Snippet Management

Most every code snippet added to this Starter Site is applied using WPCodeBox, which provides many benefits over other methods of applying code snippets.

I use WPCodeBox on every website I build, and it’s one of my favorite plugins.

• Overall Performance (Reduce Plugins, Conditional Code Snippet Loading, and more.)
• Code Snippet Management (Cloud Repository, Searching, Code Snippet Folders, and more.)
• Code Snippet Troubleshooting (Easily toggle ON/OFF code snippets to identify faulty code.)
• and so much more!

All Starter Sites include a licensed copy of the WPCodeBox plugin. If you wish to unlock the ability to use the Cloud Repository and sync your code snippets between your websites, you will need to purchase your own WPCodeBox license.

MyListing Website Care clients get WPCodeBox for FREE, while MyListing Club members get 25% OFF WPCodeBox.

The Privacy Policy on the Legal page of the REACH website was dynamically created, using Termageddon, to show you an example of how your own policies would look with this powerful and time-saving solution.

Termageddon helps protect MyListing websites from fines and lawsuits in less than 30 minutes and is currently available for businesses formed in the United States, Canada, Ireland, United Kingdom, and Australia.

Compare that to what it would cost to fully design a page by hand, hire an attorney, etc.

Generate any website policy, fast! Privacy Policy, Terms and Conditions, End-User License Agreement (EULA), and Disclaimers.

Termageddon also includes a Cookie Consent Solution for no extra charge.

I built this to show MyListing website owners a few new wrinkles, as well as an overall clean, minimalistic, and fast-performing design.

• Unique hero design to illustrate the idea of REACH, which is to reach out and connect/network with others.
• List Style Listing Feeds w/ unique styling for Promoted and  Featured Listings
• Unique styling for the Bookmarks icon, with the background coloring only being applied to the boundaries of the icons.
• Ad Placement Concept.
• REACH – Home Page

I built this page to give MyListing website owners another opportunity to educate and assist users with their customer journey.

• Real-world educational content for MyListing websites, to help the customer journey and upsell processes.
• Verbiage around that idea of using Two-Way Listing Matching.
• Unique concept of using the Elementor Slides widget as a way to present the various Listing Types available.
• Screenshots created with Hoverify.
• REACH – How It Works Page

The Explore page of this Starter Site is unique when compared to the Club’s other sites, especially when you consider that maps are not used.

Map functionality is something you often see with MyListing websites, but maps do not make sense for every website.

In the case of REACH, maps would not add a ton of value, would take up valuable real estate, and just be a distraction. 

The above said, if you want to enable map functionality with REACH, it’s literally just a 30-second adjustment within the Explore widget.

• Two-Way Listing Matching is available for the Directory Listings and can easily be added for any/all Listing Types.
• List Style Listing Feeds w/ unique styling for Promoted and  Featured Listings
• CSS applied to provide an overall better look for the typical Explore pages you’re used to seeing, down to the granular level.
• CSS applied to set taxonomies with 50% width to fit more terms in a space and provide a better overall look.
• MyListing’s ‘Compare Listings’ feature has been implemented and custom design has been applied to remove some unnecessary elements and to make the feature look better overall.
• Unique styling for the Bookmark icon, with the background coloring only being applied to the boundaries of the icon.
• Unique styling for the Advanced Search Form Categories tab.
• Custom background added to the Advanced Search Form.
• REACH – Explore Page
• REACH – Explore Page CSS Package

I built this page to give MyListing website owners another opportunity to educate and assist users with their customer journey, as well as assist the website owner with generating additional revenue.

• Calls-to-action for signing in/up, adding Listings, and/or “reach further”, created with the help of the Elementor Pro CTA widgets.
• Custom Claim Listings section where users can search for Listings they may already have on the website.
• Unique concept of using the Elementor Slides widget as a way to present the various Listing Types available.
• REACH – Get Started Page

I built this page to give MyListing website owners another opportunity to educate and assist users with their customer journey.

• Real-world educational content for MyListing websites, to help the customer journey and upsell processes.
• Unique Elementor CTA widget designs that link to the relevant sections of the page.
• Accordion content functionality is provided by the Elementor’s Accordion widget.
• REACH – Listing 101 Page

List View Preview Cards are rarely seen with MyListing websites and for this particular concept they fit perfectly in terms of presenting the data clearly and distraction-free.

There are other benefits to using List Views, like overall website performance improvements, a huge reduction of administrative overhead in managing images (uploads, appearance, etc.), and more.

The above said, if you want to use a different type of look for the Preview Cards, it’s just as simple as changing a setting within the Listing Type and adjusting accordingly.

• CSS applied to provide an overall better look for the typical Preview Cards you’re used to seeing, down to the granular level.
• Promoted Listings are presented with a solid left border using the primary accent color, while Featured Listings are presented with a dotted border.
• MyListing’s ‘Compare Listings’ feature has been implemented and custom design has been applied to remove some unnecessary elements and to make the feature look better overall.
• Unique styling for the Bookmark icon, with the background coloring only being applied to the boundaries of the icon.
• REACH – Listing Previews CSS Package

• Booking option using Calendr.
• Listing Type Revisions (Performance Optimization)
• Field descriptions that educate Listing Owners in terms of SEO (Search Engine Optimization), image optimization, etc.
• Feedback field that provides Listing Owners an opportunity to let you know how their ‘Add Listing’ experience was.
• REACH – Directory Listing Type
• REACH – Deal Listing Type
• REACH – Expert Listing Type
• REACH – Sell Business Listing Type
• REACH – Sell Website Listing Type
• REACH – Sell Domain Listing Type
• REACH – Showcase Listing Type
• How To Implement Calendr For A Simple Yet Powerful Booking Solution For MyListing

• CSS applied to provide an overall better design down to the granular level.
• Custom login background.
• REACH – Login/Register CSS Package

Enable Media Replace

This is a free plugin that assists with Starter Site image replacement. Instead of having to hunt for all the occurrences of an image throughout the site, all you need to do is replace the image once, using this plugin.

• Custom ‘Support’ Endpoint built with Elementor and added to the WooCommerce menu system.
• Every endpoint has been designed to provide easier viewing, clearer calls-to-action, unique styling, to fix existing design flaws, all the way down to the most granular details like pagination.
• Loco Translate is used to fix inconsistent text.
• Header and Footer are hidden to provide a distraction-free experience, but the WooCommerce menu system remains to provide all the necessary navigation needs.
• REACH – WooCommerce CSS Package
• How To Fully Customize The MyListing Dashboard With Elementor

• Custom background image to add a unique design to the menu.
• Custom sub-menu item indent and coloring for clearer navigation.
• REACH – Global CSS Package

I’m a huge fan of WPCodeBox and you can learn Why I Switched To WPCodeBox For Code Snippet Management.

WPCodeBox is a premium plugin that is used to apply all code snippets (CSS, PHP, etc.) to this Starter Site.

All CSS Code Snippets (i.e. REACH CSS Packages) have been separated out where possible, into individual snippets, in order to take advantage of WPCodeBox’s Conditional Loading feature.

In short, Conditional Loading is the ability to tell code snippets where, when, and how they should run…which is amazing for performance reasons.

The separation of code snippets is also great for organization, easily identifying where particular code is stored, faster troubleshooting by toggling on/off snippets in seconds, and much more.

WPCodeBox also gives you the ability to search through ALL of your code snippets by a keyword. Awesome!

I’m able to license this plugin for you and you will get updates from the vendor but you will need your own license to get support directly from the vendor and to access areas like the Cloud Repository.

This plugin can be safely removed without impacting MyListing’s core functionality.

The following plugins were used to build this Starter Site. Some are required. Some are optional.

Required

• Elementor: This is a free plugin required by the MyListing theme.
• WooCommerce: This is a free plugin required by the MyListing theme.

Optional (Premium – Unlicensed)

These are paid plugins (unlicensed) that can be safely removed without impacting MyListing’s core functionality. You will get the latest version of these plugins, but you must purchase a license to get updates and support from the vendor.

• UiPress
• WooCommerce Subscriptions: Although this plugin is not required, it provides the capability for Listing Subscriptions and is the only plugin officially supported for this purpose.

Optional (Premium – Licensed)

These are paid plugins (licensed) that can be safely removed without impacting MyListing’s core functionality. You will get the latest version of these plugins with the Starter Site, and you will continue to get updates for the plugin, but you must purchase a license to get support from the vendor.

• Elementor Pro: Although this plugin is not required, it’s a critical component for this Starter Site’s overall design and functionality, like Replacing Contact Form 7 with Elementor Forms, Completely Customizing the MyListing Login / Registration Experience, and more.
• Permalink Manager Pro: Although this plugin is not required, it’s a critical component for Building SEO Optimized URLs and custom Region page linking.
• Perfmatters: Although this plugin is not required, I highly recommend it to get the best performance out of your MyListing website. I’ve configured this Starter Site with “base settings”, which are safe to implement on 99% of MyListing websites, and I’ve written a guide to help you get started.
• WP Armour: Although this plugin is not required, I highly recommend it as the best way to protect your MyListing website from spam.
• WPCodeBox: Although this plugin is not required, I highly recommend it as the best way to add and manage code snippets.

Optional (Free)

These free plugins can be safely removed without impacting MyListing’s core functionality.

• Loco Translate: This plugin assists with translations. I’ve implemented this plugin to translate (i.e., change some wording) the English language only, and I’ve written a guide to help you get started.
• WooCommerce Stripe Gateway: This plugin provides the Stripe payment method option.
• WP Social: Although this plugin is not required, it provides the Social Login feature for the overall Custom Login/Registration functionality.

I built this so that MyListing website users could see the costs associated with adding a Listing right away, rather than first having to go through a few steps as part of the MyListing “Add Listing Flow”.

• Designed so the default MyListing pricing pages look nearly identical to the custom, front-facing pricing page.
• Loco Translate is used to inject text and associate styling.
• REACH – Pricing Page
• REACH – Pricing Page CSS Package
• REACH – Listing Products Package

The Pricing Table Switcher Add-on for MyListing has been added to give customers more options and jumpstart website owner sales so they can generate more predictable income.

By default, there isn’t an elegant way for MyListing website owners to display monthly and annual pricing within the pricing tables that are part of the ‘Add Listing’ process.

Without this add-on, customers might not know that you have additional pricing options unless they scroll down the page. With this add-on, customers can instantly toggle between monthly and annual pricing options.

Have something other than monthly or annual pricing options? No problem! You can adjust the add-on to match the wording on your particular MyListing website.

Optimization

Using WPCodeBox’s ‘Conditional Loading’ feature, the code snippets that make up this add-on are applied only to the ‘Add Listing’ page.

This approach helps with optimization by only applying the code where it needs to be applied rather than the entire website.

Complete the Overall Solution

• Pricing Table Switcher Add-on for MyListing

This package includes all of the Woocommerce-based products used to build the REACH Starter Site.

MyListing website owners that use the WooCommerce Subscriptions plugin will be interested in this package, as it assists with upgrading/downgrading Listing Subscriptions.

• Listing Subscription Products
• Listing Subscription Group Product
• Listing Promotion Products
• REACH Store Products
• REACH Vendor Products

Complete the Overall Solution

• REACH – Products Package
• REACH – Single Product
• REACH – Pricing Page CSS Package
• REACH – Pricing Page

I built this page to give MyListing website owners another opportunity to educate and assist users with their customer journey, as well as assist the website owner with generating additional revenue.

• Real-world educational content for MyListing websites, to help the customer journey and upsell processes.
• Consultation section with a call-to-action for opening a contact form popup.
• Screenshots created with Hoverify.
• REACH – Reach Further Page
• REACH – Contact Form Popup

I build Starter Sites with SEO in mind, guiding not only you but also your users when it comes to best practices.

• Custom, SEO-optimized permalink structures.
• Build SEO Optimized URLs for MyListing Websites With Permalink Manager Pro
• Listing Type field placeholders with SEO guidance.
• Listing Type field descriptions with SEO guidance
• Listing Type field ‘min/max length characters’ configured with SEO in mind.

Out of the box, the MyListing ‘Shop’ page is super basic and requires a lot of customization to make it look professional.

I built this page to show MyListing website owners how to easily add a professional-looking shop/store page to their website using Elementor Pro.

• REACH – Shop Page

I like to show website owners that it’s possible to easily apply a custom design to Single Listings, to help create truly unique MyListing websites.

Unique to this Starter Site is not using the Cover area that’s typically seen with MyListing.

Cover-free Listings are rarely seen on MyListing websites and for this particular concept they fit perfectly in terms of presenting the data clearly and distraction-free.

There are other benefits to not using Covers, like overall website performance improvements, a huge reduction of administrative overhead in managing images (uploads, appearance, etc.), and more.

The above said, if you want to use Covers for your Listings, it’s just as simple as changing a setting within the Listing Type and adjusting accordingly.

• Booking option using Calendr.
• Custom quick actions with tooltips.
• Custom taxonomy blocks, social presence blocks, products tab, and more.
• Custom Listing sharing with hover-animated elements.
• Custom Elementor Pro contact form.
• Custom reviews section with removed label redundancy, input field/background styling, and more.
• REACH – Single Listing CSS Package
• REACH – Directory Listing Type
• REACH – Deal Listing Type
• REACH – Expert Listing Type
• REACH – Sell Business Listing Type
• REACH – Sell Website Listing Type
• REACH – Sell Domain Listing Type
• REACH – Showcase Listing Type
• How To Implement Calendr For A Simple Yet Powerful Booking Solution For MyListing
• How To Replace MyListing’s Contact Form 7 With Elementor Pro

I like to show MyListing website owners how to build custom forms and the process of replacing Contact Form 7 with Elementor Pro.

• Automatically populate form fields.
• Automatically send email to the Listing Owner.
• Automatically include a link to the Listing from where the form was sent.
• Honeypot field to help prevent SPAM. (Note: I highly recommend you still use CleanTalk to protect your website’s reputation and your Listing Owners from SPAM.)
• REACH – Single Listing Contact Form

• Real-world content for MyListing website owners to use.
• Real-world educational content and calls-to-action for MyListing website users.
• Links that call up a form popup for those that need help with submitting their Listings.
• Custom side navigation, input field backgrounds, etc., are just some of the many custom design elements.
• Feedback field that provides Listing Owners an opportunity to let you know how their ‘Add Listing’ experience was.
• REACH – Contact Form Popup
• REACH – Submit Form CSS Package

After Listings are submitted, a message will be displayed for 3 seconds, stating that the Listing has either been submitted or submitted for approval.

Once 3 seconds have passed, the user will automatically be redirected to the REACH – Reach Further page, where you can help the Listing Owners further.

All of this is done using a simple code snippet within the WPCodeBox plugin.

I built this to show MyListing website owners how to construct archive pages for their post categories, using proper design, display conditions, dynamic elements, and more.

• Ad Placement Concept.
• REACH – Search Results Archive Page

I built this page to give MyListing website owners a foundation for further building out their Sitemap page.

Note: This page will show you ALL the content available on this Starter Site, during your pre-purchase evaluation.

• Currently set to display Pages, Posts, Post Categories, Listing Packages, and Merchandise.
• Sitemap functionality is provided by the Elementor Pro Sitemap widget.
• REACH – Sitemap Page

I built a custom ‘Support’ endpoint built with Elementor and added it to the WooCommerce menu system.

This means the user can stay right within the WooCommerce menu system (i.e. MyListing Dashboard) and browse custom pages that you add to your website.

How To Fully Customize The MyListing Dashboard With Elementor

I built this page to give MyListing website owners another opportunity to educate and assist users.

• Real-world educational content for MyListing websites, to help the customer journey.
• Unique Elementor CTA widget designs that link to the relevant sections of the page.
• Consultation section with a call-to-action for opening a contact form popup.
• Accordion content functionality is provided by the Elementor’s Accordion widget.
• REACH – Support Page
• REACH – Contact Form Popup

After purchasing any Listing Package, customers are automatically redirected to the Reach Further page, where they can get some brief info for Listing Promotions, FREE Consultations, and more.

With the help of the Create Unique Redirects Based on the Purchased Product code snippet, the foundation is in place for MyListing website owners to create any custom redirect flows they would like.

• Designed to provide easier viewing, and clearer calls-to-action, apply unique styling, and fix existing design flaws down to the most granular detail.
• Built to bypass design limitations that MyListing presents when working with some areas of WooCommerce and to provide a modernized version of the Single Product template that comes with MyListing.
• Loco Translate is used to fix inconsistent text.
• REACH – Single Product
• REACH – WooCommerce CSS Package
• REACH – Listing Products Package

• UiPress has been installed and configured as needed, for modernizing/styling the WordPress Dashboard.
• Designed to provide easier viewing, clearer calls-to-action, unique styling, to fix existing design flaws, all the way down to the most granular detail.
• Branding that matches the overall website.
• How To Supercharge Your MyListing WordPress Dashboard With UiPress