Real Estate Designer

Quick Start Guide and Frequently Asked Questions

Admin Control Panel Introduction
After registering with Real Estate Designer, your website will be in "Preview Mode". You will be able to add content and view your website without pointing to your live domain.

To view your website, simply click on the "Preview Site" link within the CMS located in the upper left corner on every page. You will remain in "Preview Mode" until you click on the "Publish and Point Site to My Domain" link also located near the top of the left navigation on every page.

Once you click on "Publish and Point Site to My Domain", your website will then sync to the domain name that you signed up with. At this point you will need to update your domain's DNS settings to point to our server. Click here for the instructions.

If you would like us to adjust your DNS settings for you, please provide us with the login information to your domain registrar and we would be happy to assist. You can submit your request here.

DNS Settings SEO Tips

Please Note: After your domain is connected to your website with Real Estate Designer, you can still preview what you are working on and then publish to live as you make additional changes. Any new changes made will not go live until you click on "Publish Changes to Live Site".

Once you login to the CMS, you will notice the left hand navigation displays all of the default pages for your website. To edit specific pages, simply click on the page link, then add or modify your content and click "Save".

Getting Started - Logo, Photo and Contact Information

Changing Template Styles

Managing Home Page Slide Show Changing Name and Professional Title on Home Page MLS/IDX Integration Adding and Controlling Properties (Added Manually) Adding Additional Pages Managing Menu Links Inserting Images Using the Text and Image Editors Applying Links to Text and/or Images including PDF's Adding Social Media Icons

Adjusting Font Types Adding Videos Google Translate Option Google Analytics - Site Statistics and Tracking XML Sitemap Updating Property Currency SEO - Search Engine Optimization

How do I insert my logo into my website?

Manage Logo

After you login to the Admin Control Panel, by default you will be in the "Common Settings" section.

Scroll down and you will notice the "Company Logo" section. Click on the browse button to locate your logo from your computer and select it. Check the box next to the preferred size. Then click "Save".

You can upload your logo in the following acceptable formats; JPEG, GIF, PNG.

Please note there are 2 sizes you can upload, standard and full-width. Full width would be used if you wanted to use a banner style logo that would be the full width of the site dimensions. Standard is more of the traditional size that you would see on most websites.

Standard Size Logo Dimensions
Maximum Width: 425 pixels
Height: Constrained by maximum width
Full Width Logo Dimensions
Maximum Width: 1199 pixels
Height: Constrained by maximum width

If the image uploaded exceeds the default maximum width, it will be re-sized down and constrained by the width but will remain proportional.

Your logo is optional.

To Top

How do I change my template design?

After you login to the Admin Control Panel within the Common Settings section, scroll down to the bottom of the page.

Using the "Template Selector" drop down, choose your new design choice and save.

To Top

How do I upload my personal or company photo that will appear on the home page and all internal site pages?

Insert Photo

This option is also managed within the "Common Settings" section of the Admin Control Panel. Here you can add "Your Photo" or a "Company Photo". Simply, click on the browse button and locate your photo and select it from your computer. Then click "Save".

You can upload the following formats; JPEG, GIF, PNG. Please note that there is a maximum width of 150 pixels for your photo but not a maximum height. If your photo exceeds this default maximum width, it will be re-sized down and constrained by the width but will remain proportional. Your photo is optional.

To Top

How do I change my email address and phone number that is displayed on every page of my website?

By default, the contact information that is displayed throughout your website comes from the information that you entered when you registered with Real Estate Designer.

This default information can be managed via the main "Contact" page within the Admin Control Panel.

You can also manage the contact information that will be displayed throughout your site independently from the main "Contact" page settings.

To do so, simply click on the "Common Settings" link and scroll down to the section entitled "CONTACT INFORMATION FOR ALL PAGES". Adjust accordingly and click save.

To Top

How do I adjust and manage the slideshow to use my photos or manipulate the existing?

Manage Slideshow

Once you login, click on the "Manage Slideshow" tab within the top navigation. Within this section you can upload and manipulate your photos.

Options within this section:

  • Turn slideshow on or off
  • Upload new slides
  • Add text description for each one
  • Change font type being used for text displayed
  • Adjust where the text is being displayed (caption alignment)
  • Add links to slides
  • Load default image slideshow for the template series you are using

Need to crop your slideshow photos to fit into your template?

Try the easy to use Image Cropping Design Tool directly in the CMS.

To do so, click on the "Crop Action" icon next to each slide uploaded to crop your images so that you can better control the final image display. Using the "Crop Action" option is highly recommended for slideshow images that are more panoramic in style.

To Top

What are the acceptable file types that I can use for the home page slideshow?

The acceptable file types are JPEG or PNG at resolution 72dpi .

There is a default dimension displayed in the "Manage Slideshow" section to follow for your template. Your images will be displayed on your site at these dimensions even if you do not crop them.

To Top

How do I change my name that appears on my home page?

After you login to the Admin Control Panel, click on the "Contact" link within the left hand navigation. Here you will find the fields labeled "First Name:" and "Last Name:".

To Top

How do I change my Professional Title that appears on my home page?

After you login to the Admin Control Panel, click on the "Contact" link within the left hand navigation. Here you will find the field labeled "Professional Title:". You can enter whatever you like in this location.

To Top

How do I add IDX (MLS) to my website?

Option 1 - FREE:
Most MLS's will offer Agents and Brokers IDX links to use on their website for free. These IDX links provide MLS search and listing pages that can be added seamlessly into your website. Contact your MLS to see if they offer an iFrame IDX type link to use.

Once you acquire this type of link, login to the Admin Control Panel and click on the "Add New Pages" link within the top navigation. Next, select the IDX / MLS Page (iframe) page type. Enter your provided MLS/IDX link into the "IDX / MLS Link" field and click Save.

Your MLS search or listing page will then be displayed within the body of your new page. By default, the new page link will then appear within the left hand navigation.

IDX Power Add-On Option.

Option 2 - Add-On:
If you do not have an IDX provider or your MLS search is not very good, we do offer a very robust IDX provider solution as an add-on to our service with advanced lead capture functionality.

Click here to view details and examples.

If you are interested in adding IDX Power to your service plan, email us after you sign-up and we will begin the process.

Please include the following information when making your request:

  • Account holder's Name
  • Email Address
  • MLS Board or Association
  • Office ID and Agent ID

*Additional "Pass-through Fees" may be required by your MLS board. To see if any additional "fees" apply to your specific MLS Board, click here.

To Top

How do I manually add properties to my website?

Adding Properties Manually

After you login to the Admin Control Panel, click on the "Manage Properties" tab within the top navigation.

Then click on the "Add New Property" button and fill out the optional fields and upload your photos. Just remember to click save once you are finished.

There are other options to choose from within this section. Please refer to the diagram in this section for reference.

To Top

How do I add featured properties to my home page?

Add Featured Properties to Home Page

After you login to the Admin Control Panel, click on the "Manage Properties" tab within the top hand navigation. Locate the property within the listing page that you would like to feature on the home page and click on the link to the right labeled, "Display on Home Page".

Options within this section:

  • Show location
  • Add unique text
  • Show price

Make sure you check the box next to each option chosen and click "Update" when finished.

To Top

How do I order my individual properties that appear on my main property listing page?

From within the Manage Properties section, "Drag and Drop" your properties into position or use the "Up and Down" arrows. Then click "Save".

To Top

How do I add additional property listing pages based on unique parameters?

Adding Segmented Property Listings

From within the "Manage Properties" section, click on the tab, "Add Segmented Listings".

This section is optional. By default, you already have a main property listing page entitled Properties.

If you need property listing pages that are more unique or specific, this section allows you to create listing pages based on specific property details from the properties that you have already added manually.

The example property listing in this section will show all properties with property type set as "Rental". Notice the checkbox is enabled next to the "Rental" type.

You can add as many unique listing pages as needed.

To Top

How do I change the property detail page labels from their default values?

Adjusting Property Labels

From within the "Manage Properties" section, click on the tab, "Manage Property Labels".

Within this section, you can change all of the property template field names (labels) to accomodate your target audience and location. Any changes that you make will also be reflected within your property listing pages.

This section can be very useful if the default property field labels do not match your demographic.

The example within this section shows the following labels have been changed; Bedrooms to Beds, Bathrooms to Baths, City to Province, MLS Number to Property ID.

To Top

How do I add new pages to my website?

After you login to the Admin Control Panel, click on the "Add New Pages" link within the left hand navigation. Select your page type from one of the 4 options.
  • Default Page - Includes left navigation.
  • MLS Page - Uses iframe functionality. This style of page can also be used for loading other web pages, blogs, etc., that will then appear within the body of your website page.
  • Blank Page - Does not include left navigation.
  • Redirect Page - You can create links to any external or internal website pages.
Add your page Title and content and click Save. Your new page link will be displayed within the left hand navigation by default.

You can control how your new pages are displayed using the Manage Menu link within the left hand navigation of the Admin Control Panel.
To Top

How do I manage where my navigation links are being displayed on my site?

Manage Menu

Select the "Manage Menu" tab within the top navigation.

From here you can drag and drop your pages to the top navigation or to the left navigation.

Remember to click Save to complete any changes made.

Take note that the maximum number of main links that you can display in the top navigation is 7. But you can also drag additional links to sit under the main links. These links would show when the visitor hovers over the main link on your live site. This type of link is referred to as a nested link.

If you do not need to use certain pages, you can delete them completely or drag the pages to the "Inactive" (recommended) section at the bottom of the page.

Within this section, you can also change the color scheme of the mobile navigation menu. By default, the color scheme is "theme-light" but there are currently 4 themes available.

To Top

How do I insert an image using the text and image editors?

Image Icon in editor

Within each text and image editor you have the option to insert images directly into your website.

Inserting the Image
  1. Place the cursor where you would like to insert the image in the editor.
  2. Click on the "Image" icon in the text and image editor.
  3. Click on "Browse Server".
  4. Click on "Upload"
  5. Locate the image on your local computer or device. Select it.
  6. Double click on the image or right click and choose "Select Thumbnail".
  7. Click OK and Save.
Upload Image

Adjusting the Size of the Image

There will be instances where you upload an image and it is either to large or you would you like to resize it to fit better into the body of the page. Adjusting the image's dimensions is easy.

  1. Within the editor, right click on an image and choose "Image Properties" or double click on the image to open the properties box.
  2. Enter the desired numeric values in the width and height fields.
  3. If you keep the image locked using the lock icon, you can enter a numeric value within the width or height fields and the image will resize with the dimensions constrained proportionally.
  4. Click OK and Save.
  5. Another option to resizing your images without opening the image properties box is to simply click on the image within the editor and drag one of the sides or corners surrounding the image. By dragging the corners while holding down the Control (Ctrl) button, you will also constrain the dimensions proportionally when resizing.
  6. Click OK and Save.

Align Images Left or Right.

  1. In the editor, right click on the image and choose "Image Properties" or double click on the image.
  2. Using the dropdown box entitled "Alignment", choose either left of right.
  3. You can add space or padding to the left and right of the image by entering the number of pixels in the "HSpace field".
    This will help you to avoid text pushing right up against your image.
  4. You can add space or padding to the top and bottom of the image by entering the number of pixels in the "VSpace field".
  5. Click Ok and Save.
To Top

How do I apply a link to either text or an image?

Apply links to text

Within each text and image editor you have the option to apply links directly to text or images with the option to add PDF's.

Applying Links to Text
  1. Highlight the text that you want the link applied too.
  2. Click on the "Link" icon in the text and image editor.
  3. Enter the link in the URL field.
  4. (Optional) Click on target and choose New Window (_blank) if you would like the link to open up in a new browser window.
  5. Click ok.
  6. Click on save.

Applying PDF Link to Text
  1. Highlight the text that you want the link applied too.
  2. Click on the "Link" icon in the text and image editor.
  3. Choose "Browse Server".
  4. Click Upload.
  5. Click browse and locate your PDF from your local computer and select it.
  6. Right click on file and choose select or double click to select it.
  7. (Optional) Click on target and choose New Window (_blank) if you would like the link to open up in a new browser window.
  8. Click ok.
  9. Click on save.

Applying Links to Existing Images
  1. Click on the image that you want the link applied too.
  2. Click on the "Link" icon in the text and image editor.
  3. Enter the link in the URL field.
  4. (Optional) Click on target and choose New Window (_blank) if you would like the link to open up in a new browser window.
  5. Click ok.
  6. Click on save.
To Top

How do I add social media icons to my site?

Choose the "Social Media" tab within the top navigation.

Check the box next to each social media icon that you would like to show and enter the corresponding link.

Make sure to enter the full web address of the social media site beginning with http or https.
(Example: http://www.facebook.com/yourname)

When you are finished, click save.

You have the option to display the icons in the header, footer or both. In addition, there are 3 different icon styles, color, light grey and dark grey.

To Top

How do I adjust the font styles that are displayed on my real estate website?

Adjusting Font Types

After you login to the Admin Control Panel within the Common Settings section, scroll down the page to the section labeled as "Font Styles".

Within this section, you can adjust the main font types that are being displayed within your website including general fonts that you will see within the body, navigation and heading tags.

To Top

How do I add videos to my real estate website?

You can add videos using third party video streaming services such as Vimeo or YouTube.

In general, most video streaming services offer a video sharing option that includes a small snippet of code that can easily be added to the "Source" of any of the text and image editors within our Admin Control Panel. This allows the video to be displayed within the page itself.

You Tube Video Integration:
  1. Go to the YouTube video page and click on the "Share icon" below the video you would like to add to your site.
  2. Choose "Embed" and copy the code that is provided beginning with iframe... in the box that appears.
    If you click on "Show More" below the embed option, you also have the ability to change the size and settings of what the user will see.
  3. Open the page you want to add the video too within our Admin Control Panel.
  4. Click the "Source" button of the text and image editor and paste the code into the text editor.
  5. Click "Source" again and save the page.
Vimeo Video Integration:
  1. Go to the Vimeo video page and click on the "Share icon" below the video you would like to add to your site.
  2. Copy the code from the "Embed" section that is provided beginning with iframe.
    If you click on "Show Options" next to the embed option, you will also have the ability to change the size and settings of what the user will see.
  3. Open the page you want to add the video too within our Admin Control Panel.
  4. Click the "Source" button of the text and image editor and paste the code into the text editor.
  5. Click "Source" again and save the page.
To Top

How do I add Google Translate to my real estate website template?

Manage Google Translate Option

After you login to the Admin Control Panel within the Common Settings section, scroll down the page to the section labeled as "Google Translate".

Here you can set Google Translate to active or inactive and then click save when finished. By default, this function is set to inactive.

When active, Google Translate will appear on all pages of your site within the footer.

To Top

How do I set up my Google Analytics?

The first step is for you to create a free Google Analytics account here; http://www.google.com/analytics/. If you already have a Google Account, you would only need to sign up for their Analytics service. During the Google Analytics sign-up process, they will supply you with a tracking code that you can send us directly and we will insert it into all of your existing site pages and future pages dynamically. They may also send you a site verification code that you should also send to us and we will insert it into the header of your website on the home page. Please note that if you have an alternate tracking code that you would prefer to use other than Google Analytics, we can integrate this into your site as well.

To Top

How do I create my XML Sitemap?

Within the left hand navigation under "SEO Functions", select the link entitled Site Map - XML. Here you can set which pages should be included in the Site Map and then click save. You can view your site map at anytime within this section.

Click here to learn how to Add and Manage your site map within your Google Webmaster Tools account.

To Top

How do I change the property related currency displayed on my real estate website template?

Property Currency Change

This section is located in the Common Settings section near the bottom of the page.

Choose your country's currency from the dropdown menu and save. There are currently 20 currencies available.

To Top