Neil Matthews

Author: Neil Matthews

  • How To Add Custom WooCommerce order statuses

    How To Add Custom WooCommerce order statuses

    I’ve been working with a couple of clients recently who needed custom order statuses for their WooCommerce orders.

    Custom order status are usually used to show the work flow of an order as it is moved through the fullfilment process.

    In this video tutorial I’ll show you how to add those custom statues.

    Code

    Add the following code to your functions.php file or use the code snippets plugin as I do.

    Change the labels (marked in bold) to match the names of the order statuses you need.

    
    function register_custom_order_statuses() {
        register_post_status('wc-awaiting-pickup', array(
            'label'                     => _x('Awaiting Pickup', 'Order status', 'text_domain'),
            'public'                    => true,
            'exclude_from_search'       => false,
            'show_in_admin_all_list'    => true,
            'show_in_admin_status_list' => true,
            'label_count'               => _n_noop('Awaiting Pickup <span class="count">(%s)</span>', 'Awaiting Pickup <span class="count">(%s)</span>', 'text_domain')
        ));
        
        register_post_status('wc-shipped', array(
            'label'                     => _x('Shipped', 'Order status', 'text_domain'),
            'public'                    => true,
            'exclude_from_search'       => false,
            'show_in_admin_all_list'    => true,
            'show_in_admin_status_list' => true,
            'label_count'               => _n_noop('Shipped <span class="count">(%s)</span>', 'Shipped <span class="count">(%s)</span>', 'text_domain')
        ));
    }
    
    add_action('init', 'register_custom_order_statuses');
    
    function add_custom_order_statuses_to_woocommerce($order_statuses) {
        $order_statuses['wc-awaiting-pickup'] = _x('Awaiting Pickup', 'Order status', 'text_domain');
        $order_statuses['wc-shipped'] = _x('Shipped', 'Order status', 'text_domain');
    
        return $order_statuses;
    }
    
    add_filter('wc_order_statuses', 'add_custom_order_statuses_to_woocommerce');
    

    Video Tutorial

    Here’s a video tutorial to show the code in action

    Wrap Up

    If you need help setting up custom statuses on your WooCommerce store, head over to my services page to get a no obligation quote.

  • Unveiling the Speed Metric: Time to Interactive

    Unveiling the Speed Metric: Time to Interactive

    TLDR: The performance metric when your site is fully loaded and can be interacted with.

    In the digital landscape, where every second counts, the performance of a website can be the difference between success and failure. One critical measure of a site’s performance is the ‘Time to Interactive’ (TTI) metric. This valuable metric provides insight into how long it takes a page to become fully interactive. In this blog post, we’ll explore what TTI means, why it’s important, and how you can improve this key performance indicator.

    What is Time to Interactive?

    Time to Interactive is the amount of time it takes for a web page to become fully interactive and responsive to user input. It is the point where the page has displayed useful content, event handlers are registered for most visible page elements, and the page responds to user interactions within 50 milliseconds. TTI not only measures the load performance but also user experience aspects like usability and interactivity.

    The Importance of TTI

    TTI is crucial for understanding the usability of a website from the user’s perspective. A delayed interactive time can lead to user frustration, lower engagement, and ultimately, increased bounce rates. In contrast, a quick TTI contributes to a seamless user experience, encouraging users to stay longer and engage more with the content. Moreover, TTI is an integral part of the metrics used by Google to assess page experience, which influences search engine rankings.

    Measuring Time to Interactive

    To measure TTI accurately, developers can use various tools such as:

    • Lighthouse: An open-source, automated tool for web page auditing.
    • WebPageTest: A website testing tool that provides detailed performance insights.
    • Chrome DevTools: Offers performance measurements and diagnostics directly in the browser.

    These tools help in identifying bottlenecks and provide recommendations to improve TTI.

    Strategies to Improve TTI

    Improving TTI often requires a combination of strategies focused on reducing the load and execution times of various resources. Some effective methods include:

    • Code Splitting: Dividing your JavaScript into smaller chunks and loading them as needed can reduce the initial load time.
    • Optimize Critical Rendering Path: By minimizing the number of critical resources, you can speed up the time it takes for a page to become interactive.
    • Reduce Main Thread Work: Simplify complex calculations and minimize the use of long-running JavaScript.
    • Efficiently Load Third-Party Scripts: Defer loading of non-critical scripts and use async attributes to avoid blocking the main thread.

    In Conclusion

    Time to Interactive is an essential metric for assessing the real-world performance of a website. Improving TTI can lead to a better user experience, increased user retention, and potentially higher conversion rates. In today’s competitive online environment, optimizing for TTI is not just a technical concern but a business imperative. By focusing on TTI, developers and site owners can ensure their websites not only capture attention but also maintain user engagement.

  • Demystifying Largest Contentful Paint: The Key to Understanding User Experience

    Demystifying Largest Contentful Paint: The Key to Understanding User Experience

    TLDR: This is the metric when all of the important content is loaded on your site.

    In the quest for creating the fastest and most fluid online experiences, web developers and site owners have a range of metrics at their disposal. One of the most impactful for user experience is the Largest Contentful Paint (LCP), a performance metric that’s critical for understanding how users perceive the speed of a webpage. Let’s dive deep into what LCP is, why it matters, and how it can be improved.

    What is Largest Contentful Paint (LCP)?

    Largest Contentful Paint is a core user-centric metric that measures the time it takes for the largest content element visible within the viewport to become fully rendered on the screen. Unlike other metrics, LCP focuses on the loading performance related to the main content of a webpage, which is essential for holding a user’s attention.

    LCP is part of the Core Web Vitals, a set of metrics that Google considers crucial to all web experiences. It offers an accurate reflection of the actual user experience, moving beyond traditional metrics like ‘onload’ times, which don’t always represent what the user sees.

    The Importance of LCP for User Experience

    LCP is a significant indicator of perceived speed and user satisfaction. The quicker the main content loads and renders, the faster a user can engage with the page, which brings several benefits:

    • User Engagement: A quick LCP helps keep the bounce rates low as users are less likely to leave a page that loads quickly.
    • Conversion Rates: Websites with a good LCP score tend to have higher conversion rates because users see the content they’re interested in without delay.
    • SEO Rankings: LCP is a part of Google’s page experience signals used for ranking websites. A better LCP score can improve a website’s position in search results.

    Measuring Largest Contentful Paint

    LCP can be measured in several ways, including:

    • Chrome User Experience Report: Aggregated real-world LCP data from users who have opted-in to syncing their browsing history and have usage statistic reporting enabled.
    • PageSpeed Insights: Provides LCP data and suggestions for improvement.
    • Lighthouse: An open-source tool for web page auditing, which includes LCP among other metrics.

    How to Improve LCP

    Improving your LCP involves optimizing both the server and client-side aspects of your website. Here are a few strategies:

    1. Optimize Image Sizes: Use next-gen image formats like WebP and ensure they are appropriately sized for their containers.
    2. Optimize Server Response Times: Use a CDN, cache assets, and establish third-party connections early.
    3. Remove Unnecessary Third-Party Scripts: These can slow down your page by loading large chunks of content.
    4. Prioritize Loading of Main Content: Use lazy loading for other content and prioritize the main content using techniques like preloading.

    In Conclusion

    Largest Contentful Paint is a vital metric for understanding and improving the user experience on the web. As the landscape of web performance evolves, metrics like LCP are increasingly important in highlighting how real-world users interact with websites. By measuring and optimizing for LCP, webmasters can ensure that their sites not only rank well but provide value quickly to their visitors, which is the cornerstone of a successful online presence.

  • Understanding First Contentful Paint: A Crucial Metric for Website Performance

    Understanding First Contentful Paint: A Crucial Metric for Website Performance

    TLDR: First Contentful Paint Is the metric when a site visitors first starts seeing content from your site.

    In the digital age, the speed of your website is not just a convenience for users but a critical factor for engaging visitors and enhancing user experience. One of the pivotal metrics to gauge this speed is the First Contentful Paint (FCP), which has become a cornerstone in the arsenal of web performance measurement tools. Here’s an in-depth look at what FCP is, why it matters, and how you can optimize it to ensure your website performs at its best.

    What is First Contentful Paint (FCP)?

    First Contentful Paint is a user-centric metric for measuring perceived page load speed. Specifically, it marks the point in the page load timeline when the browser first renders any text, image (including background images), non-white canvas, or SVG content from the DOM. This metric is crucial because it provides a real-time indication of how long it takes before a visitor sees a visual response on your site.

    FCP is part of a broader set of web performance metrics known as “Core Web Vitals,” which focus on various aspects of user experience like loading performance, interactivity, and visual stability.

    Why Does FCP Matter?

    The significance of FCP lies in its direct correlation with user satisfaction. Studies have consistently shown that faster websites lead to better user engagement, higher conversion rates, and improved overall user satisfaction. Here’s why FCP is important:

    • User Perception: FCP is a direct measure of how quickly content becomes visible to users, which can significantly influence their perception of your site’s speed and functionality.
    • SEO Impact: Search engines like Google consider page speed as a ranking factor. A lower FCP can contribute to better SEO rankings as it is a sign of a healthier, more efficient website.
    • Conversion Rates: Websites that load faster have higher conversion rates. If your site displays content quickly, users are more likely to stay, explore, and ultimately convert.

    How to Measure FCP

    You can measure FCP using various tools and platforms that provide insights into website performance. Some of the most popular include:

    • Google PageSpeed Insights: Provides a comprehensive analysis of your webpage’s performance on both mobile and desktop devices, including FCP.
    • Lighthouse: An open-source, automated tool by Google that helps developers with auditing performance, accessibility, and search engine optimization of web pages.
    • WebPageTest: Allows you to test your website from different locations around the world and provides detailed insights including FCP.

    Tips for Improving FCP

    Improving your website’s FCP involves several technical steps focused on making your website faster and more responsive. Here are some actionable tips:

    1. Optimize Images: Use modern image formats like WebP, which provide better compression and quality characteristics compared to older formats like JPEG and PNG.
    2. Minimize Critical Render Blocking Resources: Reduce the impact of render-blocking CSS and JavaScript. Techniques include minifying CSS/JS files, inlining critical CSS, and deferring non-critical JS.
    3. Use a Content Delivery Network (CDN): CDNs can help reduce the load time by caching content closer to where your users are located.
    4. Efficient Server Response Time: Improve your server’s response time by choosing a reliable hosting solution, optimizing your server’s software, and using technologies like caching.

    Conclusion

    First Contentful Paint is a vital metric that directly impacts user experience, conversion rates, and SEO. By measuring and optimizing FCP, you can significantly improve the perceived performance of your website, keeping users engaged and satisfied. In today’s competitive digital landscape, ensuring your website loads swiftly and efficiently is more important than ever. Start by analyzing your current FCP metrics and implement the suggested improvements to see a notable difference in your website’s performance.

  • Creating Featured Images With DalL-E and Chat GPT

    Creating Featured Images With DalL-E and Chat GPT

    I’ve been using the paid version of Chat GPT so I can gain access to Chat GPT 4 and I’ve been investigating how to create blog post featured images.

    Blog Post Images Are A Pain

    I spend a lot of time searching for a good image to match my blog posts, what if I could tell chat GPT what I want and it goes off and generates that image for me?

    That’s exactly what you can do with a tool within Chat GPT 4 called DALL-E.

    In this video I’ll show you how to use the tool and how to create a preset format for your images that includes

    • Standard size
    • Standard format webp
    • The main colour to use to match your site
    • How to alter the style of an image e.g. make it cute anime 

    Video

    Wrap Up

    That was a quick overview on how to generate images for our WordPress site, if you need help genereating your own GPT give me a shout.

  • Understanding Cumulative Layout Shift: What It Means for Web Performance

    Understanding Cumulative Layout Shift: What It Means for Web Performance

    In today’s fast-paced digital world, the performance of a website can greatly impact user experience and satisfaction. Among the various metrics used to evaluate website performance, Cumulative Layout Shift (CLS) has emerged as a key player. This metric helps in understanding how visually stable a website is during its load time. A poor CLS score can be frustrating for users and detrimental to the effectiveness of a site. In this blog post, we’ll explore what Cumulative Layout Shift is, why it matters, and how you can optimize it to improve your website’s user experience.

    What is Cumulative Layout Shift (CLS)?

    Cumulative Layout Shift refers to the unexpected shifting of web page elements while the page is still downloading. These shifts occur when visible elements, like images or ads, load asynchronously or when DOM elements dynamically add to the page above existing content. The result? A page that jumps around as it loads, creating a disorienting and irritating experience for users.

    The metric itself is a score from 0 to 1 or higher, where zero means no shifting at all and higher numbers indicate more shifts. Specifically, CLS measures the sum total of all individual layout shift scores for every unexpected layout shift that occurs during the entire lifespan of the page.

    Why Does CLS Matter?

    1. User Experience: A high CLS can annoy users, leading to a poor experience. If elements on a page are moving unexpectedly, it can lead to mistaken clicks, difficulty in reading text, or users abandoning the site altogether.
    2. SEO Ranking: Google has included CLS in its Core Web Vitals, a set of real-world, user-centered metrics that quantify key aspects of the user experience. Since June 2021, these metrics, including CLS, have been a part of Google’s ranking criteria. This means that sites with better CLS scores may rank higher in search results.
    3. Conversion Rates: Stability on a webpage can lead to higher conversion rates. If a site is visually stable, users are more likely to feel comfortable making purchases or signing up for services.

    How to Improve CLS

    Improving your website’s CLS involves identifying and mitigating the causes of layout shifts. Here are some practical tips:

    1. Specify size attributes for images and videos: Always include width and height size attributes on your images and video elements. This helps the browser allocate the correct amount of space in the document while the element is loading.
    2. Reserve space for ads: Similarly, ensure that any ads or embeds have a reserved space with appropriate dimensions. This prevents them from pushing content around when they load.
    3. Avoid inserting new content above existing content: Unless responding to a user interaction, try not to insert new content above existing content. This will prevent pushing down content that the user might be viewing.
    4. Use CSS transform for animations: Animations that trigger layout changes can contribute to layout shifts. Where possible, use CSS transform properties, as they do not affect the layout of the page.

    Tools to Measure and Monitor CLS

    Several tools can help you measure and monitor CLS effectively:

    • Google’s Lighthouse: An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO, and more.
    • Web Vitals Chrome Extension: This extension provides instant visual feedback on the Core Web Vitals (including CLS) for any webpage.
    • PageSpeed Insights: A tool that helps you to analyze the content of a web page, then generates suggestions to make that page faster, including insights into your CLS score.

    Conclusion

    Understanding and improving Cumulative Layout Shift is crucial for anyone looking to provide a superior web experience. By focusing on this metric, developers and website owners can ensure that their sites are not only fast but also stable and user-friendly. Remember, the goal is to create a smooth and enjoyable browsing experience for all users, and managing CLS effectively is a key step in achieving that goal.

  • What is a WordPress Nonce?

    What is a WordPress Nonce?

    Introduction

    A WordPress nonce is a ‘number used once’ to help protect URLs and forms from certain types of misuse, malicious or otherwise. It’s a security feature that WordPress provides to help you ensure that specific actions in your application are initiated by legitimate users, not by unauthorized scripts, bots, or other potential threats. In this blog post, we will explore the concept of WordPress nonce and how it can be used to secure your WordPress site.

    Understanding Nonce Concept

    In the world of computing, a nonce is a unique number that is used only once. It’s often employed as a security measure to safeguard digital communications. In WordPress, a nonce is created by a mathematical formula that concatenates the action, user ID, timestamp, and a unique key. The result is then hashed to produce a seemingly random string of numbers and letters, which forms the nonce that is appended to forms and URLs.

    Why WordPress Uses Nonces

    WordPress nonces are used as a security measure to ensure that certain actions are taken by legitimate users, not automated scripts. In a WordPress context, any time a user performs an action, like submitting a form or modifying a setting, WordPress can create a nonce and attach it to that action. When that action is later processed, WordPress can check the nonce to verify that the action was legitimate and not interference by an unauthorized third party.

    Using Nonces in WordPress

    Nonces in WordPress can be created and verified using built-in functions. Every time an action is performed that needs verification, a nonce is created using the wp_create_nonce() function. This nonce is then added to the form or URL being protected. When the form is submitted, or the URL accessed, WordPress checks the nonce using the wp_verify_nonce() function, to verify the action as legitimate.

    Security Implications of Nonces

    Nonces present a powerful layer of security for WordPress sites, protecting them against attacks where an attacker might trick a user’s browser into making an unwanted request, also known as a Cross-Site Request Forgery (CSRF) attack. By verifying nonce, WordPress can prevent a malicious user from tricking a victim to perform unwanted actions.

    Nonces and Authentication

    It’s important to note that nonces are not the same as passwords. They don’t prove the user’s identity, but merely that a certain action was performed by whoever was logged in at the time. Nonces are a temporary, single-use key linked to a specific action, user, and time frame, thereby adding an additional layer of safety.

    Limitations of Nonces

    However, there are limitations. Nonces in WordPress are not absolutely unique, and they have a lifespan, typically 24 hours by default. Also, a major limitation is that while a nonce is intended to be used only once, WordPress does not keep track of whether a nonce has been used, due to high potential overhead.

    Conclusion

    WordPress nonces are a key security feature, providing an important line of defence against certain types of attacks. Their proper use adds considerable security to forms and URLs within your WordPress site. By implementing WordPress nonces, you are taking a crucial step towards protecting your site from unauthorized or potentially harmful third-party interference.

  • Understanding WordPress is_logged_in Function with Sample Code

    Understanding WordPress is_logged_in Function with Sample Code

    Introduction

    Among various powerful WordPress functions, the is_logged_in function holds a special place when it comes to confirming whether a user is logged in or not. It can be highly useful in developing themes or plugins where certain content or features are only available to logged-in users.

    An Overview of is_logged_in function

    The is_logged_in function is a built-in function in WordPress that allows developers to check if the current user is logged in. This can be critical for controlling visibility and accessibility of certain content. The syntax of the WordPress is_logged_in function is straightforward without any parameters.

    Example of is_logged_in Function

    Let’s take a look at a simple example of how the is_logged_in function can be used: “`if(is_user_logged_in()) { echo ‘Welcome, registered user!’; } else { echo ‘Welcome, visitor!’; }“` In this example, a message is displayed based on the logged-in status of the user. Remember, this function should be used after the init hook in WordPress, which is after WordPress has been loaded and initialized.

    Applying the is_logged_in Function

    In practical applications, is_logged_in function can be utilized in several ways. For instance, you might want to display special offers, specific content or exclusive downloads only to logged-in users. Conversely, you might want to hide certain parts of your site from logged-in users.

    Common Issues with is_logged_in Function

    Developers may sometimes face issues with the is_logged_in function, one of the most common being the ‘undefined function’ error. That usually occurs when the function is called before WordPress fully loads. To avoid this, make sure to call the function after the ‘init’ hook.

    Conclusion

    To wrap up, the WordPress is_logged_in function is a robust tool for developers working on user-specific applications. By incorporating this function, you can easily define who can access what on your website, providing a smoother and more personalized user experience. Happy coding!

    Photo by Vidar Smits on Unsplash

  • Exploring WPLogin: The Ultimate Plugin for WordPress

    Exploring WPLogin: The Ultimate Plugin for WordPress

    Introduction

    If you’re on the hunt for an efficient, user-friendly WordPress plugin that simplifies the task of user management, look no further: WPLogin is the solution that you’ve been looking for. WPLogin is a professional WordPress plugin that simplifies user management in a big way. You can find more about this powerful plugin at [WPLogin](https://wplogin.com).

    Features of WPLogin

    Revolutionizing user management, WPLogin comes with several features tailor-made to suit both novice and pro users alike. It offers multiple handy functions like user role management, password reset options, security enhancements and many more. With WPLogin, managing your WordPress users will be like a walk in the park. Visit [WPLogin](https://wplogin.com/features) to learn more about its astounding features.

    Installation Process

    WPLogin comes with an easy and quick installation process, allowing you to set up the plugin in no time. To download the plugin, visit [WPLogin](https://wplogin.com/download) . Once downloaded, you simply have to upload it to your WordPress plugins’ folder and activate it from your admin dashboard. It’s that simple. For more detailed steps, you can visit [WPLogin](https://wplogin.com/installation).

    Pricing and Plan Details

    WPLogin comes with a flexible pricing model. They offer various plans to suit the individual needs of all types of customers. From basic plans for simple websites to advanced plans for complex, large scale websites, WPLogin has it all. For detailed info about the pricing and plans, check out [WPLogin](https://wplogin.com/pricing).

    Customer Support

    With WPLogin, you are not just buying a plugin but an entire experience. Owing to the brilliant customer support they provide, you will never feel lost. They offer multiple communication channels like emails, chat support, and you can submit queries through a contact form on their website. See [WPLogin](https://wplogin.com/support) for more details.

    Final Thoughts

    WPLogin is a comprehensive WordPress plugin that can drastically simplify user management for you. It is simple to use but doesn’t compromise on the vast range of features it offers. If what you seek is a reliable, feature-rich plugin for your WordPress website, WPLogin is a choice you won’t regret. To start using WPLogin, visit [WPLogin](https://wplogin.com).

  • Understanding the WordPress auth_redirect() Function

    Understanding the WordPress auth_redirect() Function

    Introduction

    Today, we are going to talk about a very significant function in WordPress that is critical for site security and user verification processes. Its name is the auth_redirect() function. This function might be seen as a technical concept only relevant to developers, but its basic understanding can benefit anyone working with WordPress.

    What is auth_redirect() function

    In essence, the auth_redirect() function is a WordPress built-in function that checks if a user is logged in to their account. If they are not logged in, it redirects them to the login page. Once the user logs in successfully, they are then redirected to the original page they intended to visit. It provides a seamless experience for users while ensuring access control on the platform.

    How does auth_redirect() function work?

    The auth_redirect() function, at its core, verifies the user’s authentication cookies. If it can’t find these cookies, or if they’re no longer valid, the function will redirect the user to the WordPress login screen. The magic with this function is that it remembers the page that the user was attempting to access in the first place. Upon successful login, WordPress will redirect the user back to that particular page, rather than the default page after logging in.

    Where to use the auth_redirect() function?

    This function is quite versatile and can be used in many different parts of a WordPress site. Typically, you might use it on page templates that you wish to restrict access to. For instance, you may want only logged-in users to access specific sections of your website, like account settings or profile pages. By using the auth_redirect() function, you’d ensure that only authenticated users gain access to those restricted areas.

    Implementing auth_redirect() function

    To use auth_redirect(), all you need to do is call it before the get_header() function in your custom page template. The get_header() function is generally used in WordPress to get the `header.php` template file. It is usually used in templates to display the header of a page. Here is how it could look: ``

    Example of auth_redirect()

    Suppose you want to create a page that should only be viewed by logged-in users. If a logged-out user tries to access this page, they’d be sent to the WordPress login page automatically. Once they log in, they’d be sent back to the page they were trying to visit. To add such functionality, you can insert the auth_redirect() function at the beginning of your code:

     

    add_action( ‘template_redirect’, ‘nm_redirect_to_homepage’ );

    function nm_redirect_to_homepage() {
    if( is_page( ‘timeline’ ) && ! is_user_logged_in() ) {
    auth_redirect();
    }
    }

    Further Notes

    auth_redirect() should be used with awareness because it can affect your site’s performance if it’s called on every page load. You should only use it on the pages which need to restrict access. It’s also necessary to note that this function must be called before any output is sent to the browser. Otherwise, you may run into issues with headers already sent by PHP, which would break the redirect functionality.

    Conclusion

    In a nutshell, the auth_redirect() function is a powerful tool in the WordPress arsenal that allows you to control access to your content while offering a smooth user experience. It’s a way of ensuring that only logged-in and authenticated users can access certain parts of your website. Walking a mile in the shoes of a developer may initially seem intimidating but rest assured, understanding functions like auth_redirect() function bring you one step closer to mastering WordPress.

  • Building In Public: The Prototype

    Building In Public: The Prototype

    I’m going to create a series of blog posts as I create a new Chat GPT integration with wordpress.

    I’m going to build this integration in public so you can follow along and see the process I use to move from prototype to plugin and potentially a new product I can sell.

    What Am I Building?

    I’m build a chat GPT integration with WordPress to create AI generated blog posts from within the blog post editor.

    I use AI to write blog posts for SEO purposes, my idea is, robots writing for robots, you can learn more about my thinking in this blog post How I’m Using Chat CPT To Create Content For My Blog.

    I’m going to give Chat GPT a prompt from my post admin page and have the code interact with Open Ai API and grab me the following:

    • Blog Post Title
    • Blog post content
    • Blog post image from Dal-e
    • SEO Meta description

    I’m doing this so I can create AI generated content for my site more quickly. I’ll give the prompt and the blog post will be created automictically.

    It will speed up content creation and sourcing of blog posts images, all I need is the idea for a post, it’s created then I can edit it as I please.

    I’m scratching my own itch and if it’s successful I potentially have a product I can sell.

    The Prototype.

    The first thing I am building is not a fully fledged plugin, it’s a prototype of my code that will quickly prove if what I want can be done.

    Short answer is yes I have a working prototype.

    Video Walkthrough

    Here’s a video walkthrough of my prototype to date.

    Wrap Up

    Interested in a plugin to help you develop content quickly and efficiently, then follow along with this series.

    If you have any comments or suggestions let me know in the comments.

    Next post in this series will be about how I’m using Dal-E to create feature images for my blog posts.

    Photo by Mark König on Unsplash

  • WOOCOMMERCE: Transform your boring single product page to a dynamic sales funnel.

    WOOCOMMERCE: Transform your boring single product page to a dynamic sales funnel.

    I’ve created a webinar to teach WooCommerce store owners how to build a dynamic sales funnel for their products.

    Sign up for my on-demand training and learn how you can turn your boring single product into a dynamic sales funnel!​

    What you will learn

    • What a WooCommerce sales funnel is
    • How it can increase sales with proven psychological triggers
    • Increase average cart value
    • Use existing products and software
    • No need to expensive software like Clickfunnels or Kajabi

    If you would like to sign up for the webinar click the button below

    Photo by Sergio Mena Ferreira on Unsplash