Amender: Customise Bricks Shortcode Integrations With AI
When using shortcodes to integrate plugins like WooCommerce with Bricks Builder, you often lose control over individual elements. How do you style a specific cart input or change a button?
Amender bridges the gap. It is a powerful frontend editor that makes client-side and server-side HTML changes to any WordPress page, allowing you to customise anything down to the smallest detail.
Whether you need to tweak a specific attribute or completely overhaul a checkout page, Amender supports text, HTML, CSS, and JavaScript changes. Best of all, it features a built-in AI assistant to completely offload the coding side of things!
With Amender, you can easily:
✅ Edit HTML attributes, text, and structure surgically
✅ Inject Bricks CSS classes directly into shortcode elements
✅ Use AI to generate code, animations, and styles from screenshots
✅ Make server-side changes to prevent layout flickering
💸 Learn More & Get Amender:
https://themeover.com/amender/
🧪 Try Microthemer (Visual CSS Styling):
https://themeover.com/microthemer/
CHAPTERS
00:00 - Introduction: Fixing Integration Limitations
00:22 - The problem with WooCommerce shortcodes in Bricks
01:32 - Customising Elements with Amender
01:53 - Modifying text and injecting Bricks CSS classes
02:41 - Replacing HTML and editing specific attributes
04:09 - How Amender Works Behind the Scenes
04:17 - The Review Panel: Performance and scripts
05:11 - Browser DOM changes vs. Server-side HTML
06:01 - Advanced Edits & Microthemer Integration
06:13 - Removing elements without layout flash
06:36 - Inserting new custom HTML seamlessly
06:51 - Using Microthemer for visual CSS styling
07:17 - Using the AI Coding Assistant
07:34 - Prompting AI for GSAP scroll animations
08:43 - Cloning a checkout design using a screenshot
09:53 - Using instant retry and adjusting AI reliability
11:02 - Troubleshooting AI CSS with targeted screenshots
12:45 - Hands-free voice dictation for AI commands