Code Machine

<p>Convert Post Shortcodes into Visual Clickable Elements. Provide a simple web form for modifying Shortcode attributes by just clicking on the visual shortcodes.</p>
<p>Shortcode is one of the very important features introduced in WordPress platform. Shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut</p>
<p>The only problem is dealing with Shortcode via raw text editor. Editing Shortcode with text editor would required a little efforts. Visual Shortcode Plugin rule is to simplify shortcode editing process by allow editing Shortcode attributes through simple web form</p>
<p>Visual Shortcode form is very simple and consist only from Text Fields however more fields might be configured for the Shortcode by installing <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> Extension.</p>
<p>Once Shortcode Visual Element is clicked a Shortcode form will be pop-up allowing editing Shortcode attributes very easy without any manual editing for Shortcode attributes</p>
<p>Shortcode content, those data between the open and close Shortcode tags, is currently not allowed to be edited. Only Shortcode attributes can be edited.</p>
<p>Shortcode still can be edited manually or via Visual Shortcode clickable element, however make sure to don’t change Visual Shortcode HTML wrapped signature to avoid Visual Shortcode plugin from visualizing your element twice as this would lead to unpredicatble behavior that prevent you from editing Shortcode attribute via web form.</p>
<p>Creating Visual Shortcodes must be done manually by clicking on Visualize Shortcode button. Visualizing Shortcode automaticlly is considered as <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> feature to be added later.</p>
<p><a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> make it even eaiser by allowing of defining Shortcode and its attributes so you don’t need to rememebder Shortcode attributes everytime you want to edit Shortcode Attributes. Its also allow many Creating Different field type for every Shortcode Attribute.</p>
<h4>Features</h4>
<ul>
<li>Turns Shortcode texts into Visual Elements</li>
<li>Modify Shortcode attributes using Web Form</li>
<li>All Shortcode attributes are represted as input text field</li>
<li>Visualize each post Shortcodes manually by single button click</li>
<li>Support Switch between Text and Visual Editors</li>
<li>Shortcode attributes may be updated manually after shortcode visualized</li>
</ul>
<h4>Note</h4>
<p>This Plugin will display empty dialog for Shortcodes those don’t have attributes yet. You must have Shortcode Attributes typed before displaying the form so that The Plugin knows how to create Shortcode Form. If you like to have Your Shortcode Defined and the forms as well you can purchase <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a></p>
<h4>Need More Features ?</h4>
<p><a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> comes along with many features, check out he list below:</p>
<ul>
<li>Text Field</li>
<li>Dropdown List</li>
<li>Multiple Selection list</li>
<li>Single Selection List</li>
<li>Checkbox list</li>
<li>Radio Options list</li>
<li>HTML5 Color Picker</li>
<li>WordPress Color Picker</li>
<li>Image field</li>
<li>Yes/No Field</li>
<li>True/False Field</li>
<li>On/Off Field</li>
<li>Zero/One field</li>
<li>Textarea field</li>
<li>Set Field defaut value</li>
<li>Define Shortcode (Tag, Title, Description)</li>
<li>Define Shortcode form (Name, Title)</li>
<li>Herarichal forms</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>PHP >= 5.3</li>
</ul>


CB Visual Shortcode

Turns textual Wordpress Post Shortcodes into Visual Shortcode, provide web form for changing attributes value

Freemius

wp-ave.com

<p>Elevate your website’s design and functionality effortlessly with the <strong>Advanced Visual Elements</strong> plugin. Designed for both beginners and professionals, this tool enables you to create interactive and visually stunning components without any coding skills.</p>
<h3>Extensive Addon Library</h3>
<p>Access a continually expanding collection of addons, including:</p>
<ul>
<li><strong>Interactive Elements:</strong> <a href="https://wp-ave.com/element-preview/image-accordion/" rel="nofollow ugc">Image Accordion</a>, <a href="https://wp-ave.com/element-preview/rotating-gallery/" rel="nofollow ugc">Rotating Gallery</a>, <a href="https://wp-ave.com/element-preview/expanding-image-cards/" rel="nofollow ugc">Expanding Image Cards</a>.</li>
<li><strong>Text Effects:</strong> <a href="https://wp-ave.com/element-preview/auto-typing-text/" rel="nofollow ugc">Auto-Typing Text</a>, <a href="https://wp-ave.com/element-preview/glitchy-text/" rel="nofollow ugc">Glitchy Text</a>, <a href="https://wp-ave.com/element-preview/three-d-text/" rel="nofollow ugc">3D Text</a>.</li>
<li><strong>Buttons & Controls:</strong> <a href="https://wp-ave.com/element-preview/neon-light-button/" rel="nofollow ugc">Neon Light Button</a>, <a href="https://wp-ave.com/element-preview/shiny-button/" rel="nofollow ugc">Shiny Button</a>, <a href="https://wp-ave.com/element-preview/copy-to-clipboard/" rel="nofollow ugc">Copy to Clipboard</a>.</li>
</ul>
<p>See the full list <a href="https://wp-ave.com/elements/" rel="nofollow ugc">here</a>.</p>
<h3>Seamless Integration</h3>
<p>Compatible with popular page builders like <strong>Elementor</strong> and <strong>Gutenberg</strong>, ensuring a smooth design experience.</p>
<h3>User-Friendly Shortcodes</h3>
<p>Generate and implement elements effortlessly using intuitive shortcodes.</p>
<h3>Responsive Design</h3>
<p>All elements are mobile-friendly and compatible across major browsers, ensuring a consistent user experience.</p>
<h3>Efficient Workflow</h3>
<p>Easily export and import settings to streamline your design process across multiple projects.</p>
<h3>🎯 Live Demo</h3>
<p>Experience the plugin in action with our <a href="https://tastewp.org/plugins/advanced-visual-elements/" rel="nofollow ugc">Live Demo on TasteWP</a>.</p>
<h3>🎥 Video Overview</h3>
<p>Discover how to enhance your site by replacing Elementor buttons using <strong>Advanced Visual Elements</strong>:</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/WM6aTNdg6CQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Why Choose Advanced Visual Elements?</h3>
<ul>
<li><strong>Enhance User Engagement:</strong> Captivate your audience with interactive and dynamic content.</li>
<li><strong>Simplify Design Processes:</strong> Eliminate the need for custom coding with ready-to-use elements.</li>
<li><strong>Stay Updated:</strong> Benefit from regular updates and an ever-growing library of addons.</li>
</ul>
<p>Elevate your WordPress website’s visual appeal and functionality with **Advanced Visual Elements – your all-in-one solution for modern web design.</p>
<h3>Features</h3>
<ul>
<li>Choose from a constantly growing library of Addons</li>
<li>Shortcode generator can be used outside of Elementor or Gutenberg</li>
<li>Easy to customize</li>
<li>Easy to implement through generated shortcodes</li>
<li>Supports all major browsers</li>
<li>Updated frequently</li>
<li>Mobile friendly</li>
<li>Export/Import settings for a quick workflow</li>
<li>Has dynamic content tags (can use post data)</li>
</ul>
<h3>Current list of Addons</h3>
<p>Addons <a href="https://wp-ave.com/elements/" rel="nofollow ugc">list</a>:</p>
<ul>
<li><a href="https://wp-ave.com/element-preview/ad-box-sticky/" rel="nofollow ugc">AD Box (sticky)</a></li>
<li><a href="https://wp-ave.com/element-preview/animated-tooltip/" rel="nofollow ugc">Animated tooltip</a></li>
<li><a href="https://wp-ave.com/element-preview/auto-typing-text/" rel="nofollow ugc">Auto-typing text</a></li>
<li><a href="https://wp-ave.com/element-preview/colored-glass-button/" rel="nofollow ugc">Colored glass button</a></li>
<li><a href="https://wp-ave.com/element-preview/four-block/" rel="nofollow ugc">4 way block</a></li>
<li><a href="https://wp-ave.com/element-preview/glitchy-text/" rel="nofollow ugc">Glitchy text</a></li>
<li><a href="https://wp-ave.com/element-preview/glowing-text/" rel="nofollow ugc">Glowing text</a></li>
<li><a href="https://wp-ave.com/element-preview/image-accordion/" rel="nofollow ugc">Image accordion</a></li>
<li><a href="https://wp-ave.com/element-preview/image-arrow-skew/" rel="nofollow ugc">Image arrow skew</a></li>
<li><a href="https://wp-ave.com/element-preview/image-comparison-slider/" rel="nofollow ugc">Image comparison slider</a></li>
<li><a href="https://wp-ave.com/element-preview/image-hue-rotate/" rel="nofollow ugc">Image hue rotate</a></li>
<li><a href="https://wp-ave.com/element-preview/image-magnifier/" rel="nofollow ugc">Image magnifier</a></li>
<li><a href="https://wp-ave.com/element-preview/image-reveal/" rel="nofollow ugc">Image reveal</a></li>
<li><a href="https://wp-ave.com/element-preview/infinite-tag-scroll/" rel="nofollow ugc">Infinite tag scroll</a></li>
<li><a href="https://wp-ave.com/element-preview/multi-panel-image/" rel="nofollow ugc">Multi-panel image</a></li>
<li><a href="https://wp-ave.com/element-preview/neon-light-button/" rel="nofollow ugc">Neon light button</a></li>
<li><a href="https://wp-ave.com/element-preview/particles/" rel="nofollow ugc">Particles</a></li>
<li><a href="https://wp-ave.com/element-preview/profile-card-hover/" rel="nofollow ugc">Profile card hover</a></li>
<li><a href="https://wp-ave.com/element-preview/progress-bar/" rel="nofollow ugc">Progress bar</a></li>
<li><a href="https://wp-ave.com/element-preview/projected-image/" rel="nofollow ugc">Projected image</a></li>
<li><a href="https://wp-ave.com/element-preview/rotating-gallery/" rel="nofollow ugc">Rotating gallery</a></li>
<li><a href="https://wp-ave.com/element-preview/shiny-button/" rel="nofollow ugc">Shiny button</a></li>
<li><a href="https://wp-ave.com/element-preview/sliced-text/" rel="nofollow ugc">Sliced text</a></li>
<li><a href="https://wp-ave.com/element-preview/stack-glitch-text/" rel="nofollow ugc">Stack glitch text</a></li>
<li><a href="https://wp-ave.com/element-preview/strikethrough-text/" rel="nofollow ugc">Strikethrough text</a></li>
<li><a href="https://wp-ave.com/element-preview/text-marquee/" rel="nofollow ugc">Text marquee</a></li>
<li><a href="https://wp-ave.com/element-preview/three-d-text/" rel="nofollow ugc">3D text</a></li>
<li><a href="https://wp-ave.com/element-preview/water-circle/" rel="nofollow ugc">Water circle</a></li>
<li><a href="https://wp-ave.com/element-preview/image-flip/" rel="nofollow ugc">Image flip</a></li>
<li><a href="https://wp-ave.com/element-preview/expanding-image-cards/" rel="nofollow ugc">Expanding image cards</a></li>
<li><a href="https://wp-ave.com/element-preview/credit-card-3d/" rel="nofollow ugc">Credit card 3D</a></li>
<li><a href="https://wp-ave.com/element-preview/word-cloud/" rel="nofollow ugc">Word cloud</a></li>
<li><a href="https://wp-ave.com/element-preview/split-card-hover/" rel="nofollow ugc">Split card hover</a></li>
<li><a href="https://wp-ave.com/element-preview/copy-to-clipboard/" rel="nofollow ugc">Copy to clipboard</a></li>
<li><a href="https://wp-ave.com/element-preview/terminal-loader/" rel="nofollow ugc">Terminal loader</a></li>
</ul>


AVE – Elementor & Gutenberg Addons

A collection of addons you can't find in standard builders - customize and display visuals to spice up your website's looks!

CB Visual Shortcode vs AVE – Elementor & Gutenberg Addons