WordPress shortcodes: add any shortcode to your site

Updated on

Table of contents

Shortcodes are how WordPress adds pre-made sections with some functionality: forms, galleries, pricing tables, booking widgets, and thousands more from plugins. Now you can add them directly inside the 10Web editor. Type a shortcode into the chat, or open the sidebar and use the Add Shortcode button.

In the preview, every shortcode renders as its own block.

This matters most to freelancers and small business owners who lean on WordPress plugin features like forms, bookings, and galleries but do not want to write code. The editor ships with every 10Web plan and pairs with the AI Website Builder generation flow.

How to use it

  1. Open your site in the editor.
  2. Add a shortcode one of two ways: type it in the chat input, or click Add Shortcode in the sidebar.
  3. Check the preview. The shortcode appears as its own block.

Good to know

  • Works with standard WordPress shortcodes, including those registered by your installed plugins.
    Share article
    Recommended articles
    Featured image for Hover states: add interactive effects to any element article

    Hover states: add interactive effects to any element

    Visual editor 1 Min Read

    Interactive sites react when you point at them. Now you can set that behavior yourself in the 10Web AI Website Builder. Pick an element, define its default look and its hover look, and the editor switches between them on hover. It works per element and lives in the same sidebar as the rest of your styling controls. This matters most…

    Featured image for SVG logos, integrated with WordPress Site Identity article

    SVG logos, integrated with WordPress Site Identity

    AI generation, AI Website Builder, Editor, Visual editor 1 Min Read

    Every generated site — regardless of business category — now gets an SVG typography logo. No more pixelated raster logos that break on retina screens or clash with dark backgrounds. Why SVG matters here: Logos adapt automatically to dark/light modes (SVG only). They’re editable like any other element — in chat editing and the Visual Editor alike. Prefer a raster…

    Featured image for Dark and light modes, native on every site article

    Dark and light modes, native on every site

    Editor, Visual editor 1 Min Read

    Every site built with the AI Website Builder now supports built-in dark/light switching — no custom CSS, no paid plugins. Two levels of control: Site-wide switcher in the upper-right corner of the editor instantly toggles the entire site between dark and light. Per-section switcher appears when you hover a section — mix dark and light sections on the same page….

    Featured image for Global Themes: one design system across all your sites article

    Global Themes: one design system across all your sites

    AI generation, Visual editor 1 Min Read

    Every site you generate can now start from a real design system. Pick one of 10 predefined system themes during generation (Bold Heritage, Brutalist, Calm Rose, Fresh Lime, Modern Slate, and more), skip and let AI generate a custom theme for the project, or take full control in the Visual Editor. In-editor theme controls: main color palette, font family, global…

    Other articles
    Drag a section. Drop it. Done
    Hover states: add interactive effects to any element

    Leave a comment

    Your email address will not be published. Required fields are marked *

    Your email address will never be published or shared. Required fields are marked *

    Comment*

    Name *