Adding your CoffeeCup Website Search to your Dreamweaver created webpage is very easy and also incredibly similar to adding the Website Search to a page in CoffeeCup HTML Editor.

 

Step 1:

 

The easiest way to use Website Search with Dreamweaver is to have a Managed Site already setup within the program.  You will need to know the path where that Site has been saved locally on your computer.  By knowing this, you will not have to manually move the Website Search files later.

 

Step 2:

 

Use CoffeeCup Website Search to create your search and after clicking the Save button in the HTML Settings screen you will be shown the image below.  You will want to save the file in the same folder as contains your Managed Site files from Dreamweaver.  There is a host of useful information on this screen, lets start with the left side.  Here you can check to make sure all the files are present.  You can also upload these files by clicking the Upload Now button.  However, I suggest using the  synchronize feature in Dreamweaver to upload the files.  To the right, you have the code generated by our program. You must use the code generated by our program or the search will not function properly. 

 

 

 

 

 

Step 3: 

 

Click the Copy to Clipboard button and the code will be moved to the Windows clipboard.  (This process happens behind the scenes so you will not see it happen.)

 

Step 4:

 

Bring Dreamweaver back up, or open it if you did not have it open already.  Next open the webpage where you want the search to appear and paste the code into the body of your page. ( Ctrl+V or Right-click > Paste )  You must be using the Code view in Dreamweaver, or the code will appears as text in your document and will not function at all.  You can see the results in the image below.  You can also see the files which were saved in the Managed Site area.  On a side note, your search will not function correctly until it has been uploaded to your server, due to the PHP script which actually runs the search.  On a second side note, you do not need to upload the search.html file, since you already have the code in your own webpage. (In this case, search.htm.)

 

Finally, save your page and upload all the new files to your host.