Panorama Viewer Code Generator

1. Panorama image

Select an image for preview (used only to check the look inside this tool)

Published image URL (enter the URL after uploading to WordPress. The generated code uses this)

2. Title (optional)

Text always shown at the top of the panorama (e.g., XX Gallery / Artist XX)

3. Artwork info (the title and link are always shown below the photo)

Left wall

Artwork title

Link URL (optional)

Position (yaw / pitch)

Center wall

Artwork title

Link URL (optional)

Position (yaw / pitch)

Right wall

Artwork title

Link URL (optional)

Position (yaw / pitch)

The yaw / pitch here is "where the text label is displayed" (not the position of the artwork itself). For left and right, the default is set to the margin of the wall toward the center; for center, it's set toward the wall/floor below the artwork, with enough margin to avoid overlapping the artwork even when enlarged. Adjust here if you use a different background.

Preview

The title is always shown below each artwork (the preview is for checking the alignment).

Generated code

Paste this as-is into a WordPress "Custom HTML" block. If you place multiple panoramas on one page, you only need to load Pannellum (the <link> and <script> tags) once.