{"id":101,"date":"2026-08-14T09:56:26","date_gmt":"2026-08-14T09:56:26","guid":{"rendered":"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/?page_id=101"},"modified":"2026-09-01T07:33:36","modified_gmt":"2026-09-01T07:33:36","slug":"3d-model-shortcode","status":"publish","type":"page","link":"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/3d-model-shortcode\/","title":{"rendered":"3D Model Shortcode"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Use the shortcodes below to display your 3D models on your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How to use:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Find the 3D model you want to display.<\/li>\n\n\n\n<li>Copy the shortcode.<\/li>\n\n\n\n<li>Paste the shortcode into any page, post, or supported content area.<\/li>\n\n\n\n<li>Save or publish the page.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Example: <\/p>\n\n\n\n    <div class=\"mipl-shortcode-model mipl-model-wrapper\">\n\n        <div class=\"mipl-shortcode-loading mipl-preview-loading\">\n            <div class=\"mipl-preview-loader\" aria-label=\"Loading 3D model\">\n                <div class=\"dot-spinner\">\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <model-viewer\n            class=\"mipl-shortcode-3d\"\n            data-src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/uploads\/2026\/08\/tripo-model-1786172707.glb\"\n            data-ios-src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/uploads\/mipl-usdz\/model-71.usdz\"\n            camera-controls\n            touch-action=\"pan-y\"\n            rotation-per-second=\"20deg\"\n            exposure=\"1\"\n            shadow-intensity=\"1\"\n            ar ar-modes=\"scene-viewer quick-look\"\n            camera-orbit=\"0deg 75deg 4m\"\n            camera-target=\"auto\"\n            loading=\"lazy\"\n            reveal=\"auto\"\n            interaction-prompt=\"auto\"\n            style=\"width:100%; height:500px;\">\n        <\/model-viewer>\n\n        <div class=\"mipl-toolbar\">\n\n            <button type=\"button\" class=\"tool-btn auto-rotate-btn\">\n                <img decoding=\"async\" src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/plugins\/mipl-ai-3d-product-gallery\/assets\/images\/play.svg\" alt=\"\">\n            <\/button>\n\n            <button type=\"button\" class=\"tool-btn zoom-in\">\n                <img decoding=\"async\" src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/plugins\/mipl-ai-3d-product-gallery\/assets\/images\/zoom-in.svg\" alt=\"Zoom In\">\n            <\/button>\n\n            <button type=\"button\" class=\"tool-btn zoom-out\">\n                <img decoding=\"async\" src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/plugins\/mipl-ai-3d-product-gallery\/assets\/images\/zoom-out.svg\" alt=\"Zoom Out\">\n            <\/button>\n\n            <button type=\"button\" class=\"tool-btn reset-view\">\n                <img decoding=\"async\" src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/plugins\/mipl-ai-3d-product-gallery\/assets\/images\/reset.svg\" alt=\"Reset\">\n            <\/button>\n\n            <button type=\"button\" class=\"tool-btn ar-btn\">\n                <img decoding=\"async\" src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/plugins\/mipl-ai-3d-product-gallery\/assets\/images\/scan-box.svg\" alt=\"View in AR\">\n            <\/button>\n        <\/div>\n    <\/div>\n\n\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n    <div class=\"mipl-shortcode-model mipl-model-wrapper\">\n\n        <div class=\"mipl-shortcode-loading mipl-preview-loading\">\n            <div class=\"mipl-preview-loader\" aria-label=\"Loading 3D model\">\n                <div class=\"dot-spinner\">\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                    <div class=\"dot-spinner__dot\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <model-viewer\n            class=\"mipl-shortcode-3d\"\n            data-src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/uploads\/2026\/08\/tripo-model-1786098789.glb\"\n            data-ios-src=\"\"\n            camera-controls\n            touch-action=\"pan-y\"\n            rotation-per-second=\"20deg\"\n            exposure=\"1\"\n            shadow-intensity=\"1\"\n            ar ar-modes=\"scene-viewer quick-look\"\n            camera-orbit=\"0deg 75deg 4m\"\n            camera-target=\"auto\"\n            loading=\"lazy\"\n            reveal=\"auto\"\n            interaction-prompt=\"auto\"\n            style=\"width:100%; height:500px;\">\n        <\/model-viewer>\n\n        <div class=\"mipl-toolbar\">\n\n            <button type=\"button\" class=\"tool-btn auto-rotate-btn\">\n                <img decoding=\"async\" src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/plugins\/mipl-ai-3d-product-gallery\/assets\/images\/play.svg\" alt=\"\">\n            <\/button>\n\n            <button type=\"button\" class=\"tool-btn zoom-in\">\n                <img decoding=\"async\" src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/plugins\/mipl-ai-3d-product-gallery\/assets\/images\/zoom-in.svg\" alt=\"Zoom In\">\n            <\/button>\n\n            <button type=\"button\" class=\"tool-btn zoom-out\">\n                <img decoding=\"async\" src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/plugins\/mipl-ai-3d-product-gallery\/assets\/images\/zoom-out.svg\" alt=\"Zoom Out\">\n            <\/button>\n\n            <button type=\"button\" class=\"tool-btn reset-view\">\n                <img decoding=\"async\" src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/plugins\/mipl-ai-3d-product-gallery\/assets\/images\/reset.svg\" alt=\"Reset\">\n            <\/button>\n\n            <button type=\"button\" class=\"tool-btn ar-btn\">\n                <img decoding=\"async\" src=\"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-content\/plugins\/mipl-ai-3d-product-gallery\/assets\/images\/scan-box.svg\" alt=\"View in AR\">\n            <\/button>\n        <\/div>\n    <\/div>\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">The shortcode will automatically display the 3D model associated with that model ID.<\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\"><strong>Note:<\/strong> Make sure the selected product has a 3D model assigned before using its shortcode.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the shortcodes below to display your 3D models on your website. How to use: Example: The shortcode will automatically display the 3D model associated with that model ID. Note: Make sure the selected product has a 3D model assigned before using its shortcode.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-101","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-json\/wp\/v2\/pages\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":26,"href":"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-json\/wp\/v2\/pages\/101\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-json\/wp\/v2\/pages\/101\/revisions\/162"}],"wp:attachment":[{"href":"https:\/\/demo.mulika.in\/mipl-ai-3d-product-gallery\/wp-json\/wp\/v2\/media?parent=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}