George Lerner – Website Tech

For coaches who want to create and sell online courses, but struggle with the technical aspects

Sym.ai plugin for WordPress

Empowering AI Development in WordPress

Welcome to a transformative journey where Artificial Intelligence meets WordPress development.

This guide is tailored for AI developers venturing into what is available using WordPress, specifically those who have not yet tried plugin development within this platform.

I am going to introduce an innovative concept: WordPress plugin designed to integrate seamlessly with ChatGPT, enabling the creation of advanced AI prompts and revolutionizing AI prompt creation while reducing development effort.

Revolutionizing Content Creation with AI and WordPress

This innovative tool is more than just an AI integration into WordPress; it’s a paradigm shift in content creation, management, and customization. It’s designed for content creators who are intelligent, confident, and looking to make a substantial impact in their communities and businesses, as well as their personal lives, without being overwhelmed by technical details.

The Foundation: Layout and Design

  • Utilize the WordPress TwentyTwentyFour theme for all layout aspects, ensuring consistency in design and user experience.
  • Rely on WordPress’s inherent styling capabilities for elements like headings, paragraphs, and buttons.
  • Emphasize accessibility with checks for color contrast and menu design, ensuring that the tool is user-friendly for all audiences.
  • WordPress already knows how to display entire pages so they look good on desktop monitors, tablets, and mobile phones.

This approach leverages the powerful features of WordPress, allowing developers to focus more on the plugin’s functionality rather than the nuances of layout and presentation.

Creating a Basic WordPress Plugin

  • Develop a plugin that introduces ‘SYM-Question’ and ‘SYM-Response’ blocks, tailored for seamless AI integration.
  • Inherit core functionalities from the WordPress Block Editor’s existing blocks, such as Form Fields and Text blocks, for inputting and displaying text.
  • Each Block in a WordPress page comes with its own settings panel, offering customization options like text input, radio buttons, checkboxes, multiple-selection check boxes.
  • The settings panel can also have more complex elements, such as: selecting from posts or categories, or custom post types.
  • All settings in the block’s settings panel, are developed using the WordPress API, so you do little more than specify each setting to use (e.g. description on screen, data type).

This method streamlines the development process, ensuring that the plugin aligns well with the WordPress ecosystem, is secure from hacker inputs, and is user-friendly.

Storing and Managing Prompts and Results

  • Store each ChatGPT conversation as a WordPress page.
  • Enable users to save and resume conversations, enhancing the functionality and user experience of the plugin.
  • Some complex prompts will likely save the result to a new WordPress page, and display just the URL for the new page. Example: “Make a sales page for this potential client, for this course”.)

Reusable Information for Prompts and from Results

  • Allow users to manage their AI prompts and AI responses as they would with any standard WordPress content.
  • Offer the flexibility to copy, edit, and reuse portions of prompts, across various AI conversations, enhancing the overall utility of the plugin.
  • Use Custom Post Types for structured prompts, as they will aid in the organization and retrieval of the specific information needed for each type of advanced AI prompt.
  • Users will then be able to select from several variations of their prompt sections. For example, have multiple niches and ideal customers defined, for writing content for multiple client websites; or have health & wellness descriptions for everyone in your family, for translating doctor recommendations into understandable steps.

These features ensure that the plugin is not only powerful but also versatile and adaptable to various content creation needs.

Make Custom Post Types for structured prompts

  • If you ask several questions to prepare for a complex prompt, make a custom post type for asking for, and storing, and retrieving, each set of answers to the questions. Then make custom blocks for the input form and the results.
  • These custom post types and blocks can inherit the abilities of what you have already written. In many cases, a complex prompt would just be assembling the text from several input fields, with any additional prompting statements; submitting that as an AI prompt; getting the results back; any processing you need to do for formatting and storing the results.
  • Provide a detailed and user-friendly interface for customizing and previewing complex prompts.
  • Make a Block, to input each custom prompt’s information,
  • Make a Block, to receive the results from the AI and display it. Your results block can translate the AI’s responses to display them in a better way.
  • The input form for the custom post type would show all instructions for making the AI prompt, such as what the overall prompt is to accomplish, what each field is for, and recommendataions of what to include in each field.
  • The entire form’s data gets saved as a page (of the custom post type), much like you can have an “employee info” custom post type that keeps their name, department, job title, email address, a description, a favorite quote.
  • Let the users “preview the entire assembled prompt, and make any edits” (in the original form) before submitting it to the AI.
  • How to make, input, save, display, query all the information in a custom post type, is well documented, and easily coded. Mostly coding for a custom post type involves describing the fields you want to store, and what type of data to store in each (text line, text box, check box, selection list, radio button, etc.)

This level of customization makes the plugin an invaluable tool for content creators looking for precision and control in their AI interactions.

Diverse AI Prompt Types

  • Create custom blocks for inputting and receiving AI results, tailored to the specific needs of the AI prompt.
  • You specify what elements (text input, radio button, check box, multiple-select check box, URL selector, image selector, etc) you want for settings, or for more complex inputs.
  • what Knowledge Domain(s) the AI is to use and what levels of expertise (“AI, you are ___”)
  • What do you want to learn? what is your current knowledge of that? What learning style do you prefer?
  • What is your niche, who is your ideal client, what is your brand?
  • What is needed to make a sales page, once the AI has a good description of your product?
    • Product name,
    • URL (probably the domain’s main page),
    • Signup page URL (for the “Register Now” button), phrase for the “Register Now” button,
    • List of testimonials,
    • List of key features of the course,
    • List of benefits of the course,
    • What people get out of the course,
    • List of objections to registering and answers to each,
    • Guaranty,
    • Payment methods.
    • “Publish as a sales page” assembles everything in a new page and tells the user the new page URL.
  • “Rewrite this page and make an excerpt”
    • prompt for an existing page URL on this site,
    • Specify the knowledge domain the AI should use,
    • Specify your niche and target audience
    • Publish the results on a new page. Have the AI make a new title and excerpt based on the new page contents. When everything on the revised page is how you want it, item on the Settings panel of the new page to redirect traffic from (old page _____) to this new page”. Use the Redirection plugin https://wordpress.org/plugins/redirection/
  • Online Training articles
    • what kind of people are you training?
    • what learning styles do people prefer? (Most groups have multiple learning styles)
    • what specific skills will people learn, so you and they can tell they learned every part of the lesson?
    • how will you know whether a person has learned? What measurable results would show that?
  • Rewrite a list
    • ask who to write for, what domains of knowledge to be an expert in, prompt user for a list item heading and list item text, repeat, until user responds “done”;
    • Option for the list: do not rewrite item headings (e.g. you are writing documentation for software, matching the on-screen prompts)
    • Option: unordered, or numbers or letters for the list ordering
    • AI generates the new list, output as an HTML list (the item heading) and paragraph (the rewritten item text)
    • Option: whether to give a summary of the new list

These diversified block types cater to a wide range of AI outputs, making the plugin a comprehensive solution for various AI prompting requirements.

Saving and Selecting Prompts

  • Allow users to save the same prompt fields for different clients or projects or family members
  • Input each prompt as the custom post type, save it with a post title
  • In a complex prompt, the user selects each prompt element by its “Title” in a selection field that lists posts of that custom post type. (Describing it is hard, using it is very easy.)
  • Instead of copy/pasting in “AI You Are “, “My Niche Is”, “My Ideal Client Is”, “Output in This Format”; you simply pick each of those from a selection box, just like WordPress has a “Categories” selection in each post’s Post Options panel.
  • Each of those selections should have a “create new” option, so users don’t have to save what they have done so far, go to the Add page for that prompt type, and come back to what they were doing.
  • Short selections can create a new one simply in a text field. Longer entries can use a pop-up window of the current page, and save as a new post using the appropriate custom post type.

This feature makes the plugin able to re-use whole sets of answers, in different combinations, as prompts for multiple projects or clients.

Output Format Options

  • Offer a range of output formats like sales pages, social media content, video scripts, and more.
  • Provide the flexibility to choose multiple output formats, based on the specific question or content type.
  • WordPress article
  • Sales page
  • About Me page
  • Social media series of posts
  • Product description
  • Course description
  • Video script or podcast script (edit in Descript.com or Veed.io or DaVinci Resolve)
  • YouTube video scripts (ChatGPT seems to think these are different than video, results tend to be for short videos with fewer details)
  • Presentation slides text (can these be output directly into Google Workspace’s presentation program, now that Google Gemini Pro accesses it?)
  • PDF (most browsers have “print to pdf”, but the AI could optimize page breaks
  • Kindle (or other eBook formats)
    • title page, table of contents, cover image, generate XML much like HTML, send to Amazon’s converter program;
    • have a way to specify the order of pages from a website, each webpage is a chapter, to make a Kindle of the entire site or selected pages)
  • Math and science equations in Latex
    • Gemini knows how to output Latex to display equations in textbook quality
  • Research journal format
    • take sources from a common WordPress research source plugin
  • Press release

The variety of output formats ensures that the plugin can cater to a wide range of content creation needs, making it a versatile tool for different types of creators.

Train the AI to output all its responses as JSON or WordPress Block Pattern format

  • From JSON, can use the WordPress API to make:
    • Hero block (image description, heading text);
    • Contact form (field names & labels, submit button text and URL, text before form, privacy notice);
    • Pricing table (heading & list of what’s included, and price, and order button),
    • or any other WordPress block type or non-WordPress format (Google Workspace presentation?).
  • From WordPress Block Pattern format, you can including styling of each sub-block (e.g. font, colors or palette entry, text alignment, or flex-box columns).
    • Block Patterns can simply be copy/pasted into any WordPress site (since WordPress 6.__), complete with multiple “simple blocks”, block styling, layout; all block patterns and the blocks they are made of, can be customized by the Block Editor just like any other block.
    • Block Patterns – Add a beautifully designed, ready to go layout to any WordPress site with a simple copy/paste. https://wordpress.org/patterns/

Leveraging WordPress API and Resources

  • Utilize the WordPress API for efficient development and seamless integration.
  • Learn from GPL-licensed plugins, adapt the code they have already written, reducing your development workload.
  • Learn from existing AI plugins in WordPress to enhance the functionality and usability of the new plugin.
  • One plugin to start with: “AI Engine: ChatGPT Chatbot, Content Generator, GPT 3 & 4, Ultra-Customizable”, By Jordy Meow https://wordpress.org/plugins/ai-engine/

This strategy ensures that the plugin is not only efficient in its development but also robust in its functionality and integration with WordPress.

Just think of how much you do not have to code, because you are using what WordPress, and WordPress plugin authors, have already done for you.

Future Enhancements: AI Website Maker

  • Envision the plugin evolving into a full-fledged AI Website Maker within WordPress, offering a comprehensive solution for creating and managing AI-driven websites.
  • Contemplate hosting options for WordPress with partner companies, each student getting their own hosting account, hosting and security and CDN (for speed and security), with plugins configured and theme all set up for them.
  • Explore the potential of FutureCoach hosting with an enterprise-level hosting company, offering sites on WordPress Multi-site for instant creation and management of thousands of websites.
  • 10web already has hosting with an AI Website Builder installed
    • Adrian Twarog I used AI to Automatically Generate Websites Without Coding https://youtu.be/Hqr38-mPks8
    • – Check out 10Web AI Builder: 10web.io/ai-website-builder
    • – 10Web is a major website hosting company. My quick check of their offering: they include strong website security against hackers, have a fast infrastructure for serving WordPress websites, have good features for professional website developers.

These future enhancements aim to elevate the plugin from a mere interface to a complete AI-driven website creation and management solution within WordPress.

Other resources

WordPress Block Patterns Tutorial: How to create custom block patterns in Gutenberg https://youtu.be/-ZDxSh-vxUA

Microsoft Copilot: 4 things ChatGPT can learn from Microsoft Copilot https://www.xda-developers.com/chatgpt-learn-microsoft-copilot/

  • “Here’s a little secret: You don’t need to pay for ChatGPT Plus to use ChatGPT 4 or DALL-E 3 integration. Copilot has it all for free.”

How to Use Google Gemini Pro & Is it Better Than ChatGPT? https://youtu.be/Vh4bhoKjFOg

  • Place a ball of pink yarn and a ball of green yarn on the table, it responds what it sees; ask what you can make with it, it says dragon fruit and shows picture of one made with the yarn.
  • Black marker, draw a guitar, it plays a made-up song. Add an amplifier, changes to electric guitar; add a drum, changes to 1980s heavy metal.
  • The video was edited for time. You upload a picture from your computer, prompt with text like “Tell me what you see”.
  • 9:07 show image of student’s hand-written answer to printed physics math problem; it says what the student got wrong and the correct answer, with Latex-formatted equations

Google Bard

  • https://bard.google.com/ then top-right corner, jigsaw piece = extensions
  • YouTube extension @youtube Discover and get answers from Bard about YouTube videos
  • Google Workspace extension @gmail, @drive, @docs Summarize, find, and get quick answers from your own content to fuel your personal journey
  • Bard has “upload image” icon next to the text prompt box.
  • Instead of using Google, browse to labs.google (not labs.google.com), in Google Search section click Get Started, toggle on “SGE, Generative AI in Search”
  • “Gemini Ultra is still under development and not yet publicly available. While it outperforms Gemini Pro and even other cutting-edge models like GPT-4 in some benchmarks, it requires extensive computational resources and isn’t currently accessible for individual users or small businesses.”

from labs.google

  • Journalist x Large Language Models | Google Lab Sessions Dec2023 https://www.youtube.com/watch?v=s9BMGSYmJgI
  • For video journalist @CleoAbram sifting through the infinite access of information is both a privilege and a challenge. In this Lab Session, Cleo explores how NotebookLM might accelerate her research process as she works with author Steven Johnson to investigate complex topics like memory retrieval, fact checking and second brain workflow. Try NotebookLM at https://notebooklm.google/

Hands-on with Gemini Interacting with multimodal AI Dec2023 https://www.youtube.com/watch?v=s9BMGSYmJgI

Conclusion

As I wrap up this guide, I invite you to explore this innovative plugin design, a tool that not only bridges AI and WordPress but also opens new horizons in web development. Whether you are an AI developer new to WordPress or a seasoned web developer curious about AI integration, this plugin offers a unique and powerful approach to content creation.

Posted

in

by

Sean (Sym.ai)

Tags:

Comments

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.