Part 1 - Adding the Reamaze Knowledge Base
A Knowledge Base can be extremely useful for your customers, especially when it comes to frequently asked questions, shipping info, etc. First, you need to create one or more topics and articles for your knowledge base (Magento Admin Panel >> Reamaze >> Articles).
Once you've created some articles for your knowledge base, all you need to do is to add an element that matches the Knowledge Base Container selector (System >> Config >> Reamaze >> Settings >> Website Integration) to a page on your site. By default, the selector is
#reamaze-kb, and adding the following HTML element to a page will embed the knowledge base:
Example - Creating a CMS page containing the knowledge base:
Add a new page from the Magento Admin Panel >> CMS >> Pages >> Add New Page button
Enter a page title and url for the page
Click on 'Content' on the left, and in the editor, click on the HTML button.
Add the following in the text box:
<div id="reamaze-kb"></div> and click the Update button.
Click 'Save Page'. Navigate to the created page's URL (entered in step #2), and you should see the KB embedded on the page.
Part 2 - Installing the Reamaze Extension
Login to your Magento admin. Go to System >> Magento Connect >> Magento Connect Manager
Enter the extension key ( http://connect20.magentocommerce.com/community/Reamaze ) and click the Install button. The Reamaze Magento extension should now be installed.
Go back to the Magento admin page by clicking on the 'Return to Admin' link at the top of the page. You should see "Reamaze" on the Magento admin menu bar. Installation is now complete.
Part 3 - Adding the Reamaze Lightbox Embed
The support lightbox is a great way to allow customers to start a conversation with you right on your website or in your application.
Any link or element on a page can be made to trigger the support lightbox if it matches the CSS selector in the Reamaze Settings in the Magento System Configuration ( System >> Configuration >> Reamaze >> Settings >> Website Integration ).
For example, by default, the trigger is
.contact-us and the following HTML would trigger the lightbox and can be placed anywhere on your site:
Another example - to make the following HTML element trigger the support lightbox, change the trigger to