How to Create Custom Websites for Your Team in HTML (for experienced designers)

 

 

 

 

 

 

 

 

 

 

This video explains how you or your designer can add custom HTML pages to your Home Office Pro System ( requires FTP and HTML knowledge ) 

Instructions on how to work with variables
Here is a list of replacement variables you can use across any of the pages. As long as the page exists in the /templates directory these pages can use the replacement variables and be accessed like this:  
So for  the privacy policy for john smith it would look like
Here are the variables below:
MEMBERS INFO              
~~firsname~~ Displays Members First Name            
~~lastname~~ Displays Members Last Name            
~~telephone~~ Displays Members  Phone #            
~~email~~ Displays Members Email Address            
~~image~~ will add the image uploaded by the member  Approx 130x140px            
~~site~~ this returns the members username so if you are linking to a page you can go http//www.domain.com/pagename?~~site~~
~~bio~~ This is an HTML block you can use that is defined by the member in their settings.        
~~social_media_widget1~~  

~~social_media_widget2~~

~~social_media_widget3~~

This will display all of the social media icons defined by the user in the settings (there are three options of formatting)        

So if you wanted to make a contact card for example you could use this
EXAMPLE:
~~image~~
~~firstname~~ ~~lastname~~
Tel:  ~~telephone~~
Email:  ~~email~~
Follow me on:
~~social_media_widget2~~

Customizing the Article Marketing Templates and Blog Page:

Each domain that is installed in your homeofficepro system has one customizable default article template for when user or admins post articles under this domain. They consist of a page that shows your last 10 most recent posts to be used as your blog homepage and a page that show a single articles content. Both of these pages we recommend that you use a call to action in your side bar that is linked to the system capture page for this domain. You can however link this call to action to a different domains capture page by using the domain of that capture page. 

Each domain has two templates

article-template.php  (the template for the single article content page)
This page can be accessed with the following format:
Domain.com/article/article-name?username 
articles-template.php (the template for the home page of the blog)
This page can be accessed with the following format:
Domain.com/articles/username 
To edit the css of these article templates you can modify:
css/articles.css

Updating your call to action widget:

We recommend on your templates that you create a call to action image that drives article traffic to your website capture page. We have found we get the best results when the call to action headline matches the headline on the capture page so that the click to find out more is congruent with where they land on the capture page. 
Here is an example of a call to action image used on one of our sites. 

workathometoday-article

*recommend by default the image should be 280px in width to fit in the default template properly

The next step is you hyperlink this image to the “replicated” link for the system so that anyone sharing this article will have that click driven to their personalized capture page.
To make this happen you need to use the ~~site~~ variable to put the member sharing the article’s username in the url. 
~~site_domain~~ will populate the domain you are on.
~~site~~ will populate the sharing members username to ensure they get the credit for the traffic.
*note if you put call to action links in your articles themselves you will also want to use the ~~site~~ variable to ensure the traffic is directed to the appropriate sharing members capture page. 
Example:
href=”http://~~site_domain~~/~~site~~”

 

Other variables you can use that are specific to the article templates:

~~article_title~~  -title of the article
~~article_date~~ -date article was published
~~article_content~~ -the body of the article
~~popular_articles_list~~ -list of the most popular articles written under this domain.

Additional variable for articles-template.php  (the home page)

~~articles_index~~ -list of the last 10 articles written under this domain with a short description and read more link