{"id":140,"date":"2025-07-22T07:31:58","date_gmt":"2025-07-22T07:31:58","guid":{"rendered":"https:\/\/php80.local.nextendweb.com\/roland\/mosaicbuilder\/?post_type=documentation&p=140"},"modified":"2026-01-15T13:50:15","modified_gmt":"2026-01-15T13:50:15","slug":"shortcode","status":"publish","type":"documentation","link":"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/","title":{"rendered":"Shortcode"},"content":{"rendered":"\n

This Shortcode element lets you insert and render any WordPress shortcode inside Mosaic, just paste the shortcode, and Mosaic outputs it on the front end.<\/p>\n\n\n

Notice<\/div>
\n

Most shortcodes work for everyone, but shortcodes that output raw HTML or JavaScript may be filtered unless your account has the unfiltered_html capability<\/strong>. If the output looks incomplete, this is usually the cause.<\/p>\n<\/div><\/div>\n\n\n

Settings tab<\/h2>\n\n\n\n
\"Mosaic<\/figure>\n\n\n\n

To add a WordPress shortcode to your page, simply paste the shortcode into its field. However, remember that the Style tab<\/a> settings will also affect this element, so adjust them as needed. In the editor, you\u2019ll only see the shortcode itself, not the content it loads. To view the actual result, preview it.<\/p>\n\n\n

Notice<\/div>
\n

By default, the Shortcode element spans the full width of its parent. You can adjust its appearance in the Style tab.<\/p>\n<\/div><\/div>","protected":false},"parent":120,"menu_order":35,"template":"","meta":{"_acf_changed":false},"class_list":["post-140","documentation","type-documentation","status-publish","hentry"],"acf":[],"yoast_head":"\n- Docs - Mosaic<\/title>\n<meta name=\"description\" content=\"This doc is about the Shortcode element. It explains what shortcodes are and how to use them in Mosaic to display content from other plugins or WordPress features.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shortcode\" \/>\n<meta property=\"og:description\" content=\"This doc is about the Shortcode element. It explains what shortcodes are and how to use them in Mosaic to display content from other plugins or WordPress features.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/\" \/>\n<meta property=\"og:site_name\" content=\"Mosaic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mosaicbuilderwp\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-15T13:50:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Shortcode-01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"656\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@MosaicBuilderWP\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/shortcode\\\/\",\"url\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/shortcode\\\/\",\"name\":\"- Docs - Mosaic\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/shortcode\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/shortcode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.mosaicbuilder.com\\\/_\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Shortcode-01.png\",\"datePublished\":\"2025-07-22T07:31:58+00:00\",\"dateModified\":\"2026-01-15T13:50:15+00:00\",\"description\":\"This doc is about the Shortcode element. It explains what shortcodes are and how to use them in Mosaic to display content from other plugins or WordPress features.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/shortcode\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/shortcode\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/shortcode\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.mosaicbuilder.com\\\/_\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Shortcode-01.png\",\"contentUrl\":\"https:\\\/\\\/cdn.mosaicbuilder.com\\\/_\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Shortcode-01.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/shortcode\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mosaicbuilder.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/elements\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Shortcode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/#website\",\"url\":\"https:\\\/\\\/mosaicbuilder.com\\\/\",\"name\":\"Mosaic\",\"description\":\"Mosaic goes beyond page building. It\u2019s a complete theme builder and design system that helps your next website stand out in style, speed, and functionality.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mosaicbuilder.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"- Docs - Mosaic","description":"This doc is about the Shortcode element. It explains what shortcodes are and how to use them in Mosaic to display content from other plugins or WordPress features.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/","og_locale":"en_US","og_type":"article","og_title":"Shortcode","og_description":"This doc is about the Shortcode element. It explains what shortcodes are and how to use them in Mosaic to display content from other plugins or WordPress features.","og_url":"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/","og_site_name":"Mosaic","article_publisher":"https:\/\/www.facebook.com\/mosaicbuilderwp","article_modified_time":"2026-01-15T13:50:15+00:00","og_image":[{"width":656,"height":384,"url":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Shortcode-01.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@MosaicBuilderWP","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/","url":"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/","name":"- Docs - Mosaic","isPartOf":{"@id":"https:\/\/mosaicbuilder.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/#primaryimage"},"image":{"@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Shortcode-01.png","datePublished":"2025-07-22T07:31:58+00:00","dateModified":"2026-01-15T13:50:15+00:00","description":"This doc is about the Shortcode element. It explains what shortcodes are and how to use them in Mosaic to display content from other plugins or WordPress features.","breadcrumb":{"@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/#primaryimage","url":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Shortcode-01.png","contentUrl":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Shortcode-01.png"},{"@type":"BreadcrumbList","@id":"https:\/\/mosaicbuilder.com\/docs\/elements\/shortcode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mosaicbuilder.com\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/mosaicbuilder.com\/docs\/elements\/"},{"@type":"ListItem","position":3,"name":"Shortcode"}]},{"@type":"WebSite","@id":"https:\/\/mosaicbuilder.com\/#website","url":"https:\/\/mosaicbuilder.com\/","name":"Mosaic","description":"Mosaic goes beyond page building. It\u2019s a complete theme builder and design system that helps your next website stand out in style, speed, and functionality.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mosaicbuilder.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/documentation\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/types\/documentation"}],"up":[{"embeddable":true,"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/documentation\/120"}],"wp:attachment":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/media?parent=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}