Using standard HTML iframes, you can easily embed interactive 3D models and SmartVu content directly into your WordPress posts and pages. This straightforward integration method ensures compatibility with any WordPress theme or setup, requiring no additional plugins or complex configurations. Whether you're showcasing products, creating virtual tours, or displaying architectural visualizations, Vuframe's iframe integration provides a seamless way to bring your 3D content to life on WordPress.

Vuframe® allows you to integrate SmartVu® content directly into your WordPress website using iframe embedding functionality.

Usage Notes

• The embedding functionality is compatible with standard WordPress installations
• You can integrate SmartVu® content into both WordPress pages and posts
• The feature allows for seamless integration of your Vuframe® content within your existing website structure

Integration Steps

Using the WordPress Block Editor (Gutenberg)

1. Create or edit your post/page
2. Add a new "Custom HTML" block
3. Paste your Vuframe iframe embed code

<iframe 
    src="YOUR_VUFRAME_EXPERIENCE_URL"
    width="100%"
    height="600"
    frameborder="0"
    allowfullscreen>
</iframe>

Using the Classic Editor

If you're using the Classic Editor, switch to the "Text" tab and paste the iframe code where you want the Vuframe experience to appear.

Customization

Sizing Options

Adjust the iframe dimensions using the width and height attributes:

• Use percentages for responsive width: width="100%"
• Use pixels for fixed heights: height="600"

Recommended Settings

• Set frameborder="0" for seamless integration
• Include allowfullscreen to enable fullscreen viewing
• Use responsive width for better mobile compatibility

Best Practices

• Ensure sufficient height for optimal viewing experience
• Test the embedded experience on both desktop and mobile devices
• Consider page load times when embedding multiple experiences
• Place the embed code in a location with adequate width for proper display

Example Implementation

<iframe 
    src="YOUR_VUFRAME_EMBED_URL"
    width="100%"
    height="600"
    frameborder="0"
    allowfullscreen>
</iframe>

Note: Replace YOUR_VUFRAME_EMBED_URL with your actual Embed Page URL.