VisionScaper has two separate front doors. You create one WordPress page for each.

• Shortcode: [visionscaper]
• Who: homeowners, designers, and anyone who wants to try a yard design.
• Launch card: a teal card with the label “Free yard design studio”, the title “VisionScaper Designer” and a button that says “Start designing”.
• No sign-in is needed to design. Signing in saves designs online and unlocks AI features.

• Shortcode: [visionscaper mode="hub"] (the shortcode [visionscaper_hub] does the same thing).
• Who: contractors only.
• Launch card: label “For landscape contractors”, title “VisionScaper Contractor Hub”, button “Open the Contractor Hub”.
• Anyone can create an account from this page. A new contractor sends an application, and you approve it unless you switched on auto-approve. See [contractor-approval].
• The server, not only the screen, decides who can see Hub data. Someone who is not an approved contractor does not get it.

Approved contractors see a “Contractor Hub” link inside the Designer. Homeowners never do. When either page loads, VisionScaper remembers the page address so it can link between them.

1. Create a WordPress page for the Designer and add [visionscaper].
2. Create a second page for the Hub and add [visionscaper mode="hub"].
3. Visit each page and click its button to confirm the app opens.
4. Put links to both pages in your menu if you want visitors to find them.

Full details are in [add-the-shortcodes-and-pages].

• Give the Hub page a plain name such as “Contractor Hub”. Do not put homeowners’ links to it in your main menu unless you want contractors to find it easily.
• Any link to #visionscaper, or any element with the attribute data-visionscaper-open, opens the app on the page where the shortcode is.

• The button does nothing. The page must contain the shortcode. A hash link only works on a page that has it.
• A contractor cannot get into the Hub. Their application may still be pending. Check Settings → VisionScaper Contractors.
• The Hub says contractor tools are off. Turn them on in Settings → VisionScaper under Contractors.

• Add the shortcodes and create your pages
• What VisionScaper is
• Contractor approval (for the site owner)