To follow along with these instructions, download the provided sample files:
Download the sample file. (ZIP, 8K)
Click the link above to download the ZIP file. Uncompress the archive and save the ice.js file to your desktop. Later, you'll use the File Manager to upload this file to your site.
When you sign up, you'll get a Partner Account and access to the Partner Portal, which enables you to create online businesses and manage your web clients.
Follow these steps to register as a free Partner:
Launch a browser and visit the System's home page.
Click the Free Sign Up link to register as a free partner.
Check your email to get the confirmation email that contains links to the Partner Portal and the connection information for your free trial site.
Click on the Go to Partner Portal link in the confirmation email. In the Partner Portal, click the Create Site link to launch the Online Business Builder.
In the Online Business Builder, choose the third option: Import your current website.
Note: The process of importing does not interrupt the operation of your existing website.
When you choose the Import option, the interface displays a field so that you can enter the URL of your existing live site. The system will download the site's assets in order to repurpose them as the basis of the new online business. Click Finish to proceed to the next section quickly.
If you prefer, you can click Next and enable the specific functionality desired--the remaining screens of the Online Business Builder take you through the following optional features. On each screen, you can choose to enable or disable the following functionality:
- Online store catalogs
- Email campaigns
- Lead tracking
- Secure areas (password protected areas for sensitive content)
- Site search
After choosing to enable or disable each feature, click Next until you've selected the desired settings for each category. Generally speaking, it is a best practice to use the full solution. Click Finish and fill in your details set up the site:
Choose the address for your new site and choose the local time zone.
The name you choose for your site will become the beginning of the site's address:
After entering your site details and accepting the end user license agreement, click Finish.
Your new trial site is live and available to view online. Click the Preview option to see it displayed in a new browser window.
The Admin Console is the online interface that enables you to update your account settings and maintain your site. To use the Admin Console and begin editing your online business, use a browser to visit the Admin page for your website. For example, enter the following URL into the address field:
Note: Replace "my-site" in the URL above with the address you entered in the site settings of the Online Business Builder.
Enter your name and password into the registration window that appears.
Note: Since the Admin Console loads in a browser, no additional software is required to use it. However, always remember to click Save after making your selections. If you click the Back button or close the browser window before saving your changes, they will be discarded.
The InContext Editing interface appears. Click Start Editing, and then click the Follow Link icons that appear over links to navigate to the desired page and begin making changes.
At this point, the InContext Editing user interface is functional, all the previously defined editable regions are active and you can fully use the editor to update web content.
There's just one more thing left to do before delivering the site to your customer--set up the keyboard shortcut functionality. This next step will enable your clients to invoke InContext Editing by pressing Control-E (or Command-E).
After logging in to the Admin Console, click the File Manager link on the right side:
During the import process, the Online Business Builder imported the includes folder that exists in the root of the site. Use the File Manager to navigate to the includes folder (Root > includes).
In the list of folders in the File Manager page, double-click on the includes folder to expand it. Then, double-click on the ice folder. This folder contains the following files:
Click Upload File(s) to see the upload interface appear. Click the Select button next to the top field and browse to select the file named ice.js that you saved to your desktop.
Your clients can access the site in a browser, by following these steps:
Tip: If you want to edit a page using InContext Editing that is not linked from the main site (an orphaned page) you can enter the page's name in the address field of the browser while ICE is enabled:
This is the home page link:
Edit the URL (after the equal sign) to access the about page:
The site content is displayed. Dashed lines around the defined areas represent the editable regions that you can change.
Make the desired changes, and then click the Admin Console link on the left side to return to the Admin Console interface.
It is a best practice to always preview the edited pages in a browser, to check their appearance on the live site.
To learn more about working with InContext Editing, see these articles:
- How Ice defines editable regions if none have been applied
- How to define editable regions using Dreamweaver
- How to hand code editable regions
Once you have set up the trial site and defined the ICE editable regions, you can send this link to your web clients to help them understand how to edit their site content with ICE: