Introduction:
Use this App to design, create, and publish touchscreen presentations using dynamic widgets that engage, inform, and motivate purchase at the point of sale. Stream the latest interior and exterior renderings, videos, 3D animations, models, pricing, features and finishes, interactive amenity maps, and site plans. View virtually any asset you can imagine seamlessly, and in real-time, to provide an immersive presentation.
As part of our Omni Channel Platform, the Touchscreen builder is integrated with Bildhive’s Form and Survey Configurator (FSC), Broadcast and Email Builder (BEB), Content Asset Management (CAM), Customer Relationship Management (CRM), Home Model Configurator (HMC), Site Plan Configurator (SPC), Condo Grid Configurator (CGC), Amenities Map Configurator and Features Configurator (FC), etc.
TABLE OF CONTENTS
- Get Started
- Create A New Touchscreen Presentation
- The Pages List
- The Page Settings List
- Master Plan and Site Plan Pages – Low-Rise Projects
- Home Model Page – Low-Rise Projects
- Suites Page - High Rise Projects
- Gallery Page
- Features Page
- Amenities Page
- About Us Page
- Publish the Touchscreen Presentation & Upload to Sales Center Devices
- The Project List – Edit and Navigate your Projects
Get Started
Before you Launch the Touchscreen Builder
To display data on the touchscreen, FIRST configure the information in these apps:
Amenities Map Configurator (AMC)
Home Model Configurator (HMC) for lowrise projects or Condo Unit Configurator (CUC) for high rise projects
Site PlanConfigurator (SPC) for lowrise or Condo Grid Configurator (CGC) for high rise projects
Masterplan (MPC) for multi-phased and/or group projects
Features Configurator (FC) for exterior and interior packages
After configuring the information, then, Launch the Touchscreen Builder.
Launch the Touchscreen Builder (TB)
Go to the project’s Workplace,
Under Marketing and Communications Management, find the Touchscreen Builder (TB) and select it
Info: You will be redirected to the Main Screen of the App. There are two Segments on this screen: the Navigation Bar to the left and the Main Stage.
Use the Left Navigation Bar to navigate to:
All Projects
Published
Create A New Touchscreen Presentation
Give your Project a Name
To start a new Touchscreen, from the Main Stage, go to the top right and click Create Touchscreen
The Create New Touchscreen pop-up opens
In the Project Name field, enter a Name *
Click Ok
The Template Library opens
Next, from the Template Library, pick a template
* Mandatory fields.
Select a Predefined Template
In the Template Library, roll over a thumbnail and click Preview to open a new tab where you can test drive the template
Once you find the one that best fits your needs, select it and click Continue
!! The system automatically shows templates based on whether your project is Low-Rise or High-Rise. All the elements offered are appropriate for your project type.
Enter the Common Elements’ Settings – including Screensaver, General Settings, Button Settings, and Translation Settings
To play a video as a Screensaver, click the media thumbnail to open your Media Library, then select a Video
Under General Settings, select the Logo that identifies your project, the Navigation and Button’s Colors, and the Translation Settings
Some Templates include other settings like a Top Background Image and Color, a Footer Logo, and Disclaimer Text
When you’re ready, click Next to adjust the Template Colors
To change the Common Element Settings, follow these steps: Adjust the Common Elements
!! What are Translation Settings?
Each page of the touchscreen templates is labeled with the Industry's Most Commonly Used Names. You can assign different titles or headers to each page. Just map them using the Translation Settings. For instance, if you want to rename the "Elevation" page to "Home Styles", simply navigate to the Translation Settings, find the "Elevation" page, and enter "Home Styles" in the corresponding field.
Select the General Color Palette and Fonts for the Touchscreen Presentation
To customize the Color Palette and Fonts for your touchscreen presentation, follow these steps:
Access the Color Palette:
If you selected a Predefined Template, the Primary, Secondary, Text, and Accent Colors from the template will appear on the Color Palette Screen.
Change Individual Colors:
To change any color (Primary, Secondary, Text, or Accent), click the button with the Color Sample and Hex #.
In the Color Detail Pop-up, you can:
Change the Hex # or RGB numbers.
Move the Color Slider.
Select a Shade from the Color Gradient Bar.Switch the Color Theme.
Change the Entire Palette:
To switch the whole color scheme, choose one of the suggested Color Schemes.
If none of the suggestions work, click Randomize Suggestions until you find the right fit.
Adjust Heading/Font Settings:
Once satisfied with the color selections, click Next to customize the Heading and Font Settings.
Finalize and Create:
When all adjustments are complete, scroll to the bottom and click Create Touchscreen.
You will be directed to the Touchscreen Builder Screen, where you can begin styling and adding
!! Need to make Adjustments?
If you need to change colors or fonts later, repeat these steps.
Introduction to the Touchscreen Builder Screen:
The Builder Screen is the place where you style and add content. It has 5 key Segments:
Navigation Bar
Use this bar to navigate between different sections ofyour presentation
Depending on the template design, it may be located on the left, right, or bottom of the page
Main Stage
The central area where you Preview your presentation in real time as you make adjustments
Right Navigation Bar
This narrow bar on the right side of the screen lets you open the Pages Editing Panel or the Project Settings Panel
Editing Panel
Located to the left of the Right Navigation Bar, use it to adjust and customize the individual sections of each page – text, images, colors, and layout elements
The Top Bar
Use this bar to view your Connection Status, Connect to a Device, Publish your Presentation, and Save your work
!! Ready to connect or publish your touchscreen?
Use the Publishing Manager to complete this step.
The Pages List
!! Heads-Up: the pages List VARIES between templates.
Low-Rise Projects
The pages list is open by default, listing, among others, the following:
Common Elements Folder
Virtual Tour
Site Plan
Masterplan
Home Models
Gallery
Features
Amenities
About Us
!! Want to Change the Order of the Pages?
Click the Three Bars to the right of the section and drag it to the correct spot.
!! Heads-Up: the pages list VARIES between templates.
High-Rise Projects
The Pages list is open by default; you will see the following, depending on the template:
Common Elements Folder
Suites
Gallery
Features
Building
Amenities
About Us
!! Want to Change the Order of the Pages?
Click the Three Bars to the right of the section and drag it to the correct spot.
The Page Settings List
Introduction to the Page Settings List
Each page in the presentation contains a set of settings, which vary by page and by template. Below is a list of the most common page settings:
Page Title or Header.
Titles are consistent throughout the templates, but you can use this field to assign a different title to each page
Page Icon
The icon identifies the page in the navigation menu
Page Visibility Selector
To hide the page in the presentation, turn the selector off by sliding it to the left
Dropdown to select the Instance to pull the Data from
This indicates the project from which the data will be pulled
Background Image
Upload or choose a background image for the page
Color Settings
Adjust the colors for different elements of the page, including the header, body, and background
Adjust the Common Elements Settings
To adjust any of the Common Elements, follow these steps:
Open the Pages List
From the Right Navigation Bar, select Pages to open the Pages List.
Select the Common Elements Folder
Locate and click the Common Elements folder.
Choose the Element to Adjust
From the list, select the specific element you want to adjust.
Make Your Adjustments
The Settings List for that element will open. Make the necessary changes.
Switch Between Elements
To adjust a different element, scroll up or down the list, select the desired element, and make the adjustments.
Return to the Pages List
At the top of the Element list, click the Back Arrow
Save Your Changes
Don’t forget to save your changes before navigating away.
Master Plan and Site Plan Pages – Low-Rise Projects
Introduction to the Master Plan
The Master Plan centralizes data from different builders in Group Community Projects or phases of multi-phased projects. Use the Masterplan Configurator to streamline this process.
Learn more about when and how to configure a Master Plan
!! Can’t see a master plan on your touchscreen template?
Master plans are showcased EXCLUSIVELY on projects where a master plan has been previously configured.
Masterplan Page Setup
From the Right Navigation Bar, select Pages to open the Pages List
From the Pages List, select Masterplan
Define the Page Title, the Icon (if applicable), and Visibility — remember, not all projects have a master plan
To show the lots that are on Hold, slide the selector to the Left
Keep it to the Right to Hide them
To temporarily cover lots on the Site Plan, select a Hide Color
If you have already defined Tags for the lots and want them displayed, click on the Show Specific Tags field and select the tags you want to show
!! Heads-Up, the settings described above MAY VARY between templates.
Site Plan Page Setup
!! Heads-Up, the settings described below VARY between templates.
From the Right Navigation Bar, select Pages to open the Pages List then, select Site Plan
On the Site Plan page’s Settings List:
Define the Page Title or Header
the Page Icon (if applicable)
Set Page Visibility
Select the Project or Instance to pull the data from
In the Site Plan Settings section:
Define whether you want your Site Plan to remain Interactive (showing which homes can be built on each lot) or slide the Static Siteplan? selector to the Left to make it Static
Slide the Hide Hold? to the Left to show the lots that are on Hold or keep it to the Right to hide them
Select a Hide Color to Cover the lots you want to hide on the Site Plan
If you have already defined Tags for the lots and you want to display them, click the Show Specific Tags field and Select the Tags you want to show
By Default, the Site Plan has Pulsating Dots that indicate the Lot Status,
to Stop the dots from Pulsating, slide the Pulsate Dots? selector to the Left
You can also select to Hide the Dots
Interactive Maps show which homes can be built in each lot when the lot is selected,
To define the Color Settings for the Sliding Panel that shows the homes that fit into each lot:
Scroll Down to the Model Settings section and open it
In the Model Background Color selector, define the color for the of the sliding panel
In the Model Text Color selector, b the color of the text displaying the details of the Models
Home Model Page – Low-Rise Projects
General Setup
!! Heads-Up, the settings described below MAY VARY between templates.
From the Right Navigation Bar, select Pages to open the Pages List, and choose Home Models
On the Home Models page’s List,
Define the Page Title or Header
Define the Page Icon (if applicable)
Set Page Visibility
Select the Project or Instance to Pull the Data From
Email Setup
Potential Clients can Email themselves the floor plans that interest them directly from the Touchscreen presentation
To set up this functionality, scroll down to the Email Subject field and type the Subject for this email
If an email Template has already been set up, select it from the Choose an Email Template dropdown
To select the Address from where this Email will come, open the Choose an Email Sender dropdown and select the Sender’s Email Address
Make sure the sender is a Verified User
!! Need help setting up an Email Template or Verifying the Sender’s Email Address?
Follow these steps outlined in the Broadcast and Email Builder (BEB) article:
Models Settings
!! Heads-Up, the settings described below MAY VARY between templates.
To set up the Model Settings:
Scroll down the Settings List, and click Model Settings
To control which models are displayed:
Open the Filter Home Models dropdown
Select one of the following options:
Show All Home Models to display all models,
Only Standing Inventory to show only Inventory Homes,
Non-standing Inventory Models to show everything except the Inventory Homes
To control the Order in which the models appear:
Go to the Sort Model Homes field and select None, Alphabetical, SQFT, or Size
to Enable users to navigate through the models:
Keep the Show Filter? selector to the Right
Once users click on a model, they will see the elevations and details for that model
To hide the filter navigation, slide the Show Filter? selector to the Left
To show key home information —Sq. Ft., Beds, or Baths:
Slide the corresponding selectors to the Right
You can also adjust the Text Color and define the different Color Settings for the filter
Depending on the template, you can enter a Disclaimer or Legal Text
!! Heads-Up, the settings described below MAY VARY between templates.
Model Detail Settings
Once they click on a Home Model, the Detail Page opens. From there, they can navigate through different Elevations, view Floorplans, and explore other Details such as Beds, Baths, Square Footage, and more.
To allow the Potential Clients to Email themselves a Floor Plan:
Slide the Show Email Floorplan Button? selector to the Right
This inserts an Email Floorplan Button on the Model’s Detail Page
Once the Buyer clicks Email Floorplans, they are taken to the Send Floorplan page where they enter their Information and Consent
After submitting, they are taken to a Thank You Page
To Configure these settings:
On the Home Model Page, scroll down and select Model Detail Settings
To Show the Email floorplan Button:
Slide the Show Email floorplan Button? selector to the Right
To set the Thank You Page Header:
Find the Email Floorplan Thank You Header field and enter a Header
To type the Body of the message:
Use the Email Floorplan Thank You Description field
To add a Consent Message:
Type it into the Consent Text field
To Show the second floor plan first:
Slide the Show Second Floor Plan First? selector to the Right
You can also adjust:
The Text Color
And the Color Settings for the navigation bar on the Detail page
!! TIP: Standard Navigation Buttons in the Details Page:
View floorplan – Explore different floorplan options
Compare floorplans – Compare multiple floorplans side by side
View on Siteplan – Highlighting the lots into which model fits
If no lots are highlighted, there are no lots left into which this model can fit
Back to Models – Return to the main models list
Suites Page - High Rise Projects
General Setup
!! Heads-Up, the settings described below MAY VARY between templates.
From the Right Navigation Bar, select Pages to open the Pages List, and choose Suites
On the SuitesList,
Define the Page Title or Header
Define the Page Icon (if applicable)
Set Page Visibility
Select the Project or Instance to Pull the Data From
Email Setup
Potential Clients can email themselves the floor plans that interest them directly from the Touchscreen presentation
To set up this functionality, scroll down to the Email Subject field and type the Subject for this email
If an email Template has already been set up, select it from the Choose an Email Template dropdown
To select the Address from which this Email will come, open the Choose an Email Sender dropdown and select the Sender’s Email Address
Make sure the sender is a Verified User
!! Need help setting up an Email Template or verifying the Sender’s Email Address?
Follow these steps outlined in the Broadcast and Email Builder (BEB) article:
!! Heads-Up, the settings described below MAY VARY between templates.
Unit Settings Setup
To set up the Unit Settings:
Scroll down the Settings List, and click Unit Settings
To Sort the Order in which the models appear — if supported by the template:
Go to the Sort Model Homes field, and select one of the following:
None
Alphabetical
SQFT
To Enable the user to Navigate the Suites using Filters:
Keep the Show Filter? selector to the Right to display the filtering options
to Hide the filters, slide the Show Filter? selector to the Left
To enter a Disclaimer or Legal Text —if supported by the template:
Find the corresponding field and type your disclaimer
You can also adjust:
The Text Color,
And the Color Settings for the navigation bar on the Detail page
Once the user clicks on a model, they’ll be able to view its elevations, floorplans and key details
Set Up an IFrame
Introduction:
An iFrame or Inline Frame, is a section where you can embed interactive tools such as the Resimo Real Estate 3D Apartment Sales Application, videos, or 3D walkthroughs of units.
To insert an IFrame, go to the Right Navigation Bar and, from the Pages List, select Suites
Then, scroll down the Suites Settings List, and click iFrame Settings
In the IFrame URL field, enter the URL of your 3D Application — ask your Provider for this link
For more Information, contact support@bildhive.com
!! Heads-Up, the settings described below MAY VARY between templates.
Unit Detail Settings
The Detail Page opens, and they can view:
Floorplans
Elevations
Key details such as Beds, Baths, Square Footage, etc.
To allow the Potential Clients to Email themselves a Floor Plan:
Slide the Show Email Floorplan Button? selector to the Right
This inserts an Email Floorplan Button on the Unit’s Detail Page
Once the Buyer clicks Email Floorplans, they are taken to the Send Floorplan page where they enter their Information and Consent
After submitting, they are taken to a Thank You Page
To configure this functionality:
Open the Suites Page, scroll down, and click Unit Detail Settings.
In the Email Floorplan Thank You Header field:
Type a header for the Thank You pageIn the Email Floorplan Thank You Description field:
Enter the body of the message
In the Consent Text field:
Type your consent message
Below that, you can choose to turn ON or OFF any details you want to display in the presentation
Some templates display unit details inside a container
you can adjust the Background Color of the container in the Unit Detail Settings panel
Gallery Page
!! Heads-Up, the settings described below MAY VARY between templates.
Gallery Setup
Open the Pages List, and select Gallery
In the gallery page’s Settings List, define the:
Page Title or Header
Page Icon (if applicable)
Page Visibility
Manage your Gallery Images:
To adjust an image title:
Click on the image to open its Settings, then update the Title field.
To replace an image:
Open the image’s Settings.
Click on the image to open the Media Library, and select a replacement image.
To remove an image:
Open the image’s Settings, and click Remove Image.
To add a new image to the gallery:
Scroll to the bottom of the Image List, and click Add Image.
In the new image’s Settings, enter an Image Title,
Then click the Image Field to open your Media Library, and select an image.
!! Need help uploading your images to the Media Library?
Follow these steps outlined in the Bildhive Asset Preparation Guidelines article:
Bildhive Asset Preparation Guidelines
Features Page
!! Important
You can set up the Features page on the Touchscreen ONLY AFTER the Features & Finishes for the project or instance have been entered into the Features Configurator.
This article outlines how: Upload Exterior Packages & Interior Features & Finishes Lists with the Features Configurator
!! Heads-Up: the settings described below MAY VARY between templates.
Features Setup
Open the Pages List, and select Features & Finishes
On the Features & Finishes page’s Settings List, define the:
Page Title or Header
Page Icon (if applicable)
Page Visibility
The Data entered into the Features Configurator for this instance or project automatically populates the Features & Finishes Page in the touchscreen presentation
!! Need help uploading your images to the Media Library?
Follow these steps outlined in the Bildhive Asset Preparation Guidelines article:
Bildhive Asset Preparation Guidelines
Amenities Page
!! Important:
You can set up the Amenities page on the Touchscreen ONLY AFTER the Amenities for the project or instance have been entered into the Amenities Map Configurator.
This article outlines how: Create an Amenity Map Using the Amenity Map Configurator (AMC)
!! Heads-Up: the settings described below MAY VARY between templates.
Amenities Setup
Open the Pages List, and select Amenities
In the Amenities Page’s Settings List, define:
Page Title or Header
Page Icon (if applicable)
Page Visibility
Instance to Pull Data From
The Data entered into the Amenities Map Configurator for this instance or project automatically populate the Amenities Page in the touchscreen presentation
You can also adjust the Color Settings for the:
Category Menu Background
Category Labels
Selected Category
Navigation Bar on the Detail Page
About Us Page
About Us Setup
Open the Pages List, and select About Us
On the Amenities page’s Settings List, define:
Page Title or Header,
Page Icon (if applicable)
Page Visibility
Enter and stylize the
Header:
Enter your header content
Adjust the color and font style
Body Text:
Enter your body content
Adjust the color and font style
!! Need help uploading your videos to the Media Library?
Follow the steps outlined in the Bildhive Asset Preparation Guidelines article:
Bildhive Asset Preparation Guidelines
Publish the Touchscreen Presentation & Upload to Sales Center Devices
Step 1: Preview your Touchscreen Presentation
!! Use this feature to review and share your presentation before it's installed on a physical touchscreen.
Go to the Top Navigation Bar and click Publish
Bildhive uploads the presentation and opens it in a new browser tab
You can Preview your touchscreen Presentation here or copy the Url to share it with others –e.g., clients, reviewers, team members
Important: After you first publish, click Publish again every time you make changes –this updates the preview version
!! This URL simulates the touchscreen experience, but IT IS NOT YET CONNECTED TO A PHYSICAL DEVICE.
Step 2: Deploy the Presentation to Sales Center Touchscreens
Use the Publishing Manager app to make the presentation live on actual touchscreen devices.
Follow the Connect Your Devices in the Sales Center section of the Publishing Manager documentation. Use this link:
Publish your Websites , Landing Pages and Touchscreens Using the Publishing Manager App (PM)
The Project List – Edit and Navigate your Projects
Introduction to the Main Navigation Bar:
From the Main Navigation Bar, you can access:
All Projects –View the cards of all your projects
Published Projects –View the cards of published projects
!! If you are currently editing a project, click the X in the Top Bar to close the editing screen and return to the main project list.
Rename, Edit, Duplicate, or Delete a Project
From the Main Menu, select All Projects or Published Projects
Locate the project you want to manage
In the Bottom Right Corner of the project card, click the Three-Dot Action Menu
Choose the Action you want to take: Rename, Edit, Duplicate, or Delete
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article