Feedback button on side of the page
This page will teach you how to customize the nice floating feedback button that 123ContactForm lets you use. We will assume that you have already created a form with 123ContactForm, and you have pasted the HTML code you got from the Get Html page, Option 1b, to the page where you want to put the feedback button. In the pasted code, locate the link with the ID zoom31, it should look similar to the code below:
<a id="
zoom31" href="http://www.123contactform.com/contact-form-adolix-43.html" style="display:scroll;position:fixed;bottom:210px;
left:2px;"> <img src="
http://www.123contactform.com/verticalbutton.php?bg=1&fnt=1&txt=1&pos=1" border="0"></a>
The default feedback button is red, with white text saying Contact us. The URL of the image contains 4 parameters: bg, fnt, txt, pos. Below is their meaning:
- bg stands for "background color", accepted values: 1,2,3,4 (red, green, blue, orange)
- fnt stands for "font color", accepted values: 1,2,3,4 (white, black, grey, yellow)
- txt stands for "text", accepted values: 1,2,3,4 (Contact us, contact me, Feedback, Advertise)
- pos stands for "rounded corners position", accepted values: 1,2 (right side, left side)
If you want the rounded corners to be in the left side, you probably want the button to be displayed in the right side of the window.
To achieve this, you must modify the link style, and replace left:2px; with right:2px;
Let's say you want a blue button, with yellow text, saying Feedback, and rounded colors on the left side of the button. The image source file would be changed to
http://www.123contactform.com/verticalbutton.php?bg=3&fnt=4&txt=3&pos=2
For upgraded users, we are willing to add additional colors for the feedback buttons, to match their site colors.
