Home > Support > Placing Your Code > Software >

Coffee Cup
Step by step directions for adding a search box using CoffeeCup HTML Editor:
1. Print this page for easier reading.
2. Log into your siteLevel account.
3. Click on the "Search Box Options" tab, and click on the "Get JavaScript Search Box Code" link.
4. Highlight the code for your JavaScript search box and, at the very top of your Web browser window (in the top toolbar), click on "Edit" and "Copy" to copy your search box code.
5. Run the CoffeeCup HTML Editor program.
6. Open the Web page that you would like to add a search box to.
7. Within the HTML source view (within the "Editor" tab), find the place where you would like your search box to appear, put your cursor in that place, and click on "Edit" and "Paste".
8. Click on the "Preview" tab to check if your search box is appearing as you would like.  If it is, proceed to step 9.  If it is not, click on "Edit" and "Undo", then go back to step 7 and try placing your search box code again.
9. Click the disk icon at the top of the CoffeeCup HTML Editor window to save the document.
10. Open the document in a browser window and make sure that it is placed where you would like.
11. Upload your page to your server.
Congratulations! You have successfully added your search box to your site!
© Copyright 2024, whatUseek, Corp.  Terms  Privacy Policy  Feedback