Everything Cool Gadget Your Membership Site Needs: Countdown Timer, Pricing Tables & Forms with AI

Introduction (00:00:00)

• BDB Butler has received significant updates over the last two weeks, specifically regarding its design capabilities, processing speed, and web search functionality. (00:00:08)
• Future planned features for BDB Butler include automated page enrichment for members, SEO content generation for thin pages, and automated internal linking between posts. (00:00:19)
• Long-term development goals for the tool involve creating marketing routines, such as member outreach and the preparation of priming emails. (00:00:39)
• Users are invited to participate in live site makeovers by providing their website URLs and specific change requests in the chat. (00:00:56)
• Participants can join the studio via a provided link to interact directly using their microphones, or they can simply submit requests through the live chat. (00:01:46)
• A collection of sample prompts has been curated to demonstrate the improved quality and speed of BDB Butler’s outputs when generating visual and engaging website elements. (00:02:22)
• Testing on a dummy site, "Find Fitness Pros," demonstrated the tool's ability to build components such as a live streamer for confidence boosters and a countdown timer. (00:03:02)
• The tool is capable of troubleshooting and fixing existing website elements, such as a non-functional countdown timer. (00:03:15)
• Build action times for AI-generated website elements have decreased significantly, moving from a previous range of 30 to 60 seconds down to as little as four to five seconds depending on the complexity of the request (00:03:31).
• AI tools can be used to generate specific interactive components, such as countdown timers for contests or forms, which can be set to expire on specific dates (00:03:57).
• When creating a pricing page, AI can be instructed to highlight specific plans—such as making a paid plan appear more attractive than a free plan—to improve conversion rates (00:05:21).
• AI-generated pricing tables often include features like tags, banners, and checkboxes, which are automatically sized and formatted to save time compared to manual design (00:05:49).
• Hero sections can be enhanced with dynamic elements like changing slideshows, and the AI can pull from available stock photo libraries to populate these sections (00:06:04).
• Users can request specific design aesthetics, such as a "magazine style," which prompts the AI to incorporate more complex visual elements like geometric shapes, background blobs, slanted Polaroid-style images, and interactive tabs (00:06:34).
• Interactive features, such as scrolling stats counters that animate when a user reaches them, can be integrated into page designs through AI prompts (00:06:51).
• AI systems are capable of interpreting user requests even when they contain misspellings or lack precise design terminology (00:07:07).
• Initial AI-generated landing pages often default to a "safe" or standard design layout unless the user provides specific instructions to deviate from conventional styles (00:07:22).
• Artificial intelligence can be utilized to generate call-to-action elements for the bottom of a webpage (00:07:41).
• Users can provide specific instructions to link these call-to-action elements to designated pages (00:07:47).
• This functionality is particularly useful when developing a resource hub page (00:07:54).

Countdown Timer (00:07:56)

• A countdown timer can be generated by providing specific instructions, such as setting the timer to end at the conclusion of the month in Pacific time (00:08:04).
• Users can apply a "luxury elegant" style to the countdown timer and the surrounding page elements (00:08:15).
• A PDF containing approximately 15 prompts for creating premium-looking website elements is available for users to experiment with BD Butler (00:08:34).
• BD Butler currently functions on the homepage in a limited capacity, with plans for future updates to expand this capability (00:08:52).
• The AI-generated countdown timer can be adjusted through follow-up prompts to correct specific design issues, such as changing the color of a title (00:09:38).
• Making minor, one-off adjustments to elements is a faster process, typically taking around 5 seconds compared to the 45 seconds required for initial generation (00:09:51).
• The AI is capable of automatically matching the color of generated elements to an existing logo (00:10:02).
• Countdown timers can be repositioned on a webpage after they have been initially created (00:10:17).

Pricing Comparison Table (00:10:24)

• Integrating a pricing comparison table onto a homepage involves utilizing the "Custom Content 1" section within the website's design settings. (00:10:24)
• Currently, there is a functional limitation where the BD Butler button is not directly available within the standard homepage design settings menu to edit custom content. (00:10:37)
• To bridge this gap, users must enable "Custom Content 1" within the homepage's additional sections and then access the web page builder to edit that specific section. (00:11:07)
• Once the web page builder is open for the homepage, BD Butler access becomes available, allowing for the creation and integration of custom content modules. (00:11:40)
• The process for generating content involves resetting the BD Butler chat and providing a prompt that specifies the content is intended for a homepage module, such as a pricing table. (00:12:04)

Animated Stats Counter (00:12:26)

• An animated stats counter can be integrated into various website sections, including about pages, resource pages, and homepages, to enhance credibility and showcase data (00:12:26).
• The implementation of a stats counter involves using a prompt to generate the element, which automatically populates with categories such as members, businesses, locations, and reviews (00:12:44).
• Animated stats counters are particularly effective for media kits or advertising pages, as they can display metrics like user counts, newsletter subscribers, monthly traffic, and demographic reach (00:14:59).
• The automated build process for pricing modules can include additional features such as comparison tables and toggles for monthly or yearly billing plans (00:13:38).
• A known issue with the current automated layout is that elements may not automatically span the full width of the page, requiring manual adjustments to achieve a seamless edge-to-edge aesthetic (00:14:19).
• Website design can be evaluated by reviewing existing layouts, such as findasor.com.au, which utilizes full-width menus, logo placement, member slideshows, and clear calls to action to guide visitors (00:15:40).
• Effective homepage design balances visual elements, such as color schemes and sliders, without making the page appear overly busy or cluttered (00:16:27).
• Effective website design prioritizes clear navigation and avoids overwhelming users, ensuring they understand the services offered and how to engage with them (00:16:42).
• Resources are available for managing member dashboards, including a specific guide on three ways to engage users within their dashboard environment (00:17:06).
• Engagement strategies for member dashboards include sharing special offers, displaying profile analytics, providing company news, and prompting specific member actions (00:17:35).
• Content can be added to member dashboards by editing the specific membership plan and navigating to the "Member Dashboard" tab (00:18:26).
• Within the "Member Dashboard" tab, the "Custom Dashboard Content" section allows for the insertion of header and footer content using either a custom widget or a text editor (00:18:54).
• The text editor feature enables the integration of pre-made content blocks, such as FAQ modules, announcements, or promotional materials, directly into the dashboard interface (00:19:03).
• The BD Butler tool is designed to assist in creating these dashboard elements and is intended to be integrated into various areas of the platform, including the web page builder and design settings (00:20:11).
• Ongoing development of BD Butler aims to increase its accessibility and presence across more areas of the platform following recent technical advancements (00:20:38).
• The BD Butler tool offers various components for website building, including countdown timers, pricing tables, comparison charts, and animated statistics. (00:20:55)
• BD Butler features a "skills and routines" function that can search the web to identify and post future events, job listings, or blog content automatically. (00:21:26)
• The system is designed to source stock photos, gather event details, and generate content that is optimized to bypass AI-detection tools. (00:21:49)
• A key feature of the tool is its ability to perform internal linking to other pages on a website, as well as external linking to official registration pages, which enhances site credibility and SEO. (00:22:23)
• The "tasks" button in BD Butler allows for the automated publishing of events, blogs, and job listings on a schedule, such as hourly, daily, or weekly. (00:22:56)
• Users can create "roundup" content by instructing the AI to extract specific information—such as three upcoming events in a single city—from the site's existing directory and compile it into a new blog article. (00:23:13)
• This automated content creation process can be leveraged to generate newsletters for members, providing them with curated information without manual effort. (00:23:53)
• The same logic used for event roundups can be applied to member spotlights, such as highlighting specific professionals in a certain city and linking directly to their profile pages. (00:25:01)
• Content creation tasks can be scheduled for specific days of the week to generate various types of material, such as event roundups, industry trends, or current news (00:25:21).
• Users can create "clickbait" style articles on specific days to encourage engagement and comments (00:25:34).
• Tasks do not require a recurring schedule and can be executed as one-off requests (00:25:55).
• When creating a new task, users can provide custom instructions to guide the AI, such as filtering for specific event types or geographic locations (00:26:20).
• The AI maintains context regarding the focus of the website, allowing users to target specific content categories like plumbing or legal advice to support marketing campaigns (00:26:32).
• One credit is consumed for every action performed by BD Butler, including answering questions, building web pages, or making edits (00:27:06).
• The planned VIP add-ons club will include approximately 130 credits per month (00:27:20).
• Additional AI credits can be purchased if plan limits are exceeded, with bulk purchase options offering cost savings (00:27:37).
• Redesigning a homepage using external AI tools like Claude (AI) requires navigating the platform's structure, which consists of a header section controlled by design settings and a hero section with streaming modules (00:27:55).
• While the platform is working to bridge the gap for full homepage integration, users can currently hide the entire hero section under the search box call-to-action settings (00:28:41).
• The hero section of a website can be removed to isolate specific homepage streaming sections (00:29:10).
• Homepage sections can be stripped away individually until only the custom content section remains (00:29:17).
• Custom content sections serve as a location to integrate code generated by AI tools such as Claude or BD Butler (00:29:27).
• Modules created for the website can be viewed after removing the default sections (00:29:42).
• Adjusting the page builder settings to full page width allows for the integration of custom designs (00:29:56).
• Custom designs generated by Figma, Claude (AI), or other sources can be implemented by copying the codebase into a custom widget or a text editor, or by requesting that BD Butler replicate the design (00:30:20).
• Page options provide the functionality to hide the header and footer of the homepage (00:30:45).
• Hiding the header and footer allows for a homepage design that consists exclusively of content generated by Claude or BD Butler, excluding default streaming widgets or platform-specific headers (00:31:08).

Tabbed Section (00:31:41)

• The BD Butler AI tool can be used to generate a premium tabbed content section on a landing page, with the ability to specify tab labels and request a clean, modern, and mobile-friendly design (00:31:41).
• Users can instruct the AI to vertically stack tabs on the left side of the interface while placing the corresponding content on the right side (00:32:02).
• After the AI generates a section, users can review the output and perform further iterations to adjust elements such as image placement or the sizing of the left and right columns (00:33:24).
• A premium testimonial slider can be created by prompting the AI to include member photos, names, star ratings, and testimonials, with the option to enable automatic rotation and smooth transitions (00:34:11).
• While users may specify that designs should be mobile-friendly, the AI's internal system prompt is designed to prioritize mobile-first responsiveness by default (00:34:28).
• Design adjustments, such as applying a "glassmorphism" effect to a testimonial slider or centering content, can be achieved through follow-up prompts to refine the initial output (00:35:06).
• The development process involves continuous refinement, where users provide feedback to the AI to correct layout issues or improve the visual balance of elements (00:35:17).
• Suggestions for platform improvements, such as adding a "view all" option under select post types in search settings, are noted for potential implementation (00:35:49).
• The current post management interface organizes content by post type, though a suggestion was made to implement a "view all" feature that displays posts without filtering by type (00:36:17).
• To remove the header and footer from a specific member's profile page without creating a new membership plan, developers can utilize the "Quick Edit" feature found under the member's actions menu (00:36:57).
• Within the "Advanced Options" tab of the "Quick Edit" menu, users can inject custom head codes, footer codes, or custom CSS to modify the appearance and functionality of an individual member's profile (00:38:17).
• Custom CSS can be used to hide the header and footer on a specific profile by applying the code "header, footer { display: none; }" within the custom CSS field for that member (00:39:49).
• Beyond styling, the "Advanced Options" tab allows for the addition of meta tags, chatbots, or widgets to specific profile pages (00:38:32).
• Website owners can offer premium services to members, such as custom vanity URLs for their profile pages, which can be configured as an alternative to the default URL pattern (00:39:05).
• CSS can be utilized to hide specific elements on a website, such as headers, footers, and breadcrumbs, by targeting their respective classes (00:40:44).
• Removing navigation elements like breadcrumbs can be achieved by identifying the correct class and applying the necessary CSS code (00:40:55).
• Changes made to the site's CSS should be saved to ensure the modifications, such as the removal of breadcrumbs, are applied (00:41:11).
• Quick edit features are recommended for managing specific member settings, providing an alternative to applying changes per membership plan (00:41:19).
• Currently, it is not possible to connect multiple Model Context Protocols (MCPs) directly within the Brilliant Directories (BD) Butler admin area (00:41:31).
• Enterprise solutions like HubSpot allow for the integration of external tools, such as Google Sheets, which is not yet a native feature of BD Butler (00:41:39).
• For users requiring multiple MCP connections, it is recommended to use platforms like Claude (AI) or Codeex to manage these connections, allowing the AI to interface with Brilliant Directories alongside other third-party solutions (00:41:44).
• MCPs function by enabling AI to interface with various software solutions, such as transferring member data from a Brilliant Directories site into a Google Sheets spreadsheet (00:41:59).
• A "hub and spoke" approach is suggested for managing multiple MCPs, where the AI acts as the central hub connecting to various external services (00:42:23).

Contact Section + Form (00:42:34)

• A new contact page can be generated by providing specific instructions, such as including a Google Maps location for a designated address like 123 Main Street in Los Angeles (00:42:34).
• AI tools can automate the creation of landing pages, including the integration of custom forms from a form manager, the generation of automated follow-up emails, and the setup of post-submission success or confirmation pages (00:43:16).
• The system allows for the creation of multiple components simultaneously or the stringing together of individual components to build a page (00:43:39).
• Generated contact pages can feature integrated elements such as email addresses, office hours, Google Maps, and functional contact forms (00:43:51).
• Custom forms created within the platform can be reused across multiple different web pages (00:44:19).
• Upon form submission, users receive an automated confirmation message, and the inquiry data is automatically routed to a centralized forms inbox (00:44:26).
• Form submissions are interconnected and can be exported for external use (00:44:41).
• Users can filter form submissions based on the specific web page where the form was completed, allowing for the categorization of inquiries by purpose, such as customer support, feedback, or advertising requests (00:44:48).

Will cloned sites retain custom functionality, design, and structure? (00:45:15)

• When a directory site is cloned to a new site, the design, structure, and functionality are preserved in the new version (00:45:15).
• The cloning process copies all custom widgets, membership plans, and homepage designs from the original site to the new one (00:45:21).
• The domain name does not transfer to the new site and remains associated with the original site (00:45:27).
• While member profiles are copied during the cloning process, billing information and active subscriptions are not transferred (00:45:33).
• Because subscriptions are not moved, there is a risk that members could be billed twice if they are active on both the original and the cloned site (00:45:39).
• Future updates will allow users to perform cloning tasks independently, providing the ability to select specific elements to copy between sites (00:45:45).
• The goal of these upcoming features is to allow users to transfer items like custom widgets without requiring assistance from the support team (00:45:56).
• Current cloning procedures often require interaction with the support team, but the platform is working to remove this roadblock to increase user autonomy (00:46:02).

Website sample 2 (00:46:17)

• The website Homepros.com is evaluated as a consumer-facing platform designed to connect users with home professionals, receiving a rating of approximately 6.5 to 7 out of 10 (00:46:17).
• The site effectively utilizes a branded orange color scheme and maintains a simple, clear main menu (00:46:54).
• A recommendation is made to clarify the terminology used in the main menu, specifically regarding the term "members," to ensure it is clear whether the site is addressing consumers or the professionals being listed (00:47:10).
• The site currently features 35 individual professional listings, but it is suggested that the company page size could be increased to better serve the goal of connecting consumers with leads (00:48:05).
• The primary focus of the website should be on facilitating consumer action, such as requesting quotes, rather than solely focusing on professional sign-ups (00:48:45).
• It is suggested that the main menu include more direct calls to action, such as "Get Free Quotes," which would lead users to a "Get Matched" page (00:49:05).
• Using tools like BD Butler can help dynamically update page titles based on keywords, such as specific trades like HVAC or contractors, to improve the user experience (00:49:37).
• To appear more established, site owners can use business data tools to import professional listings that include contact information like emails, phone numbers, and websites, while filtering out duplicates (00:51:12).
• The site should emulate the language and buzzwords used by major industry competitors while finding unique ways to differentiate, such as emphasizing regional focus or specific trade verification (00:51:53).

How to add a lead button or link for a specific member in a blog post (00:52:22)

• It is possible to include a contact form or a link button for a specific member within a blog article that highlights that member. (00:52:22)
• The BD Butler tool can be utilized to create a spotlight article for a specific member by providing the member's ID number and instructions to include lead buttons, links to the member's profile page, and images sourced from the member's own website. (00:52:53)
• Adding additional web pages for members or having thousands of member listings does not inherently slow down a website, as platforms like Brilliant Directories are designed to handle large volumes of content. (00:54:36)
• Website performance is primarily impacted by the assets contained on individual pages, such as excessively large image files that are not optimized for web use. (00:54:56)
• Third-party tools, including Google Analytics, Google Tag Manager, Facebook and LinkedIn tracking pixels, and live chatbot tools, consume resources and increase page load times. (00:55:03)
• Placing tracking scripts in the header of a website causes them to load before the page content, which can negatively affect performance. (00:55:41)
• Moving tracking pixels to the footer of a website allows them to function while ensuring they load only after the rest of the page content has rendered. (00:56:04)
• Performance can be further improved by implementing delays on tracking scripts or using other mitigation strategies for third-party tools. (00:56:17)
• Images intended for the web should be optimized for size, ideally around 100 kilobytes, rather than using high-resolution files that can reach 16 megabytes and hinder loading speeds on mobile devices. (00:56:31)
• Adding a large number of pages to a website does not negatively impact site speed (00:56:52).
• Tracking scripts should be placed in the footer of a website rather than the head to optimize performance (00:56:58).
• AI-generated blog posts typically take between 3 to 8 minutes to complete because the tool performs live web searches to gather current data and authoritative links (00:57:22).
• Brilliant Directories is performing a network-wide update to move all websites to newer, faster servers (00:57:54).
• The server migration is a free upgrade that will occur automatically for all users, with older, slower servers being deprecated (00:58:01).
• While the scheduled move to the new servers is set for August 17th, users have the option to initiate the transfer manually at any time (00:58:15).
• The server migration process may result in a few seconds or minutes of downtime, but the new servers provide more resources and faster page load times (00:58:27).
• AI tools can be used to create spotlight articles that link to specific member profiles, such as business location pages or class information (00:59:09).
• The AI tool is capable of sourcing images directly from a business's website to ensure the content aligns with their specific brand (01:00:03).
• Creating featured articles about local businesses can serve as a marketing strategy, as businesses may share the content on their own social media channels (01:00:16).
• Businesses can be contacted via email or social media direct messages to inform them that they have been featured in a spotlight article on a website, which serves as free advertising for them. (01:00:33)
• Maintaining a credible-looking website that includes imported businesses, events, and jobs increases the likelihood that businesses will be intrigued by the spotlight feature. (01:00:45)
• Outreach should be conducted without asking for anything in return, as this approach helps build momentum and establishes the website as a credible resource. (01:00:52)
• While automation tools can assist with creating assets, performing some outreach manually is recommended. (01:01:04)
• BD Butler can be utilized to draft email templates for outreach by providing information about the spotlight article written for a specific business. (01:01:24)
• The AI tool can perform web searches or direct lookups of webpages to gather context about the business being featured. (01:02:35)
• Email templates can be customized to appear as plain text while still including a button link to the editorial article. (01:03:10)
• Beyond emails, the AI can be used to generate social media posts to further promote the featured content. (01:03:31)
• A successful outreach strategy involves closing the loop by adding businesses, creating content, and reaching out with a focus on providing value rather than seeking immediate returns. (01:04:15)
• Adopting a mentality of giving more to a community or niche is expected to generate positive results for the website over time. (01:04:36)