Add the Contact Us form to blogger

Something very Important, any Successful site, That there be a means of communication Between the owner of the site and its visitors. you can put your email address on the site to be Communicating thru it, but it includes a lot of disadvantages, Which Revealed a secret email address for all, and exposure to propaganda messages Nagging known as the "spam" spam. Therefore find the most Successful way to Communicate is what is known as models of the "Contact Us" This is an example of That model preview: contact Us For a model like Free Here are the steps:
   






First: Registration on site offers a free service Contact Us:
1. enter the Following website: Http://www.freedback.com 2. click on creat a free form now as the picture:

3 Enter the account data as the new image: Name - e-mail, Which it wishes to Receive messages - password - Confirm Password

4 Now you successfully register your account, you will Receive a message to activate the account on your email, then clicking on the link to activate them. Secondly, the creation of a model and adjust its settings: 1. after activating your account log in by typing your email address and password. 2 now You Appear configuration page form you can thru this page Add the fields That will ask the visitor to fill them When you connect your 'll find two fields ready overlaid two field name: Name, and the field of e-mail: Email address and you'll find Fair to each field, 4 buttons, edit button adjustment and two buttons to locate the field, delete button to delete the field    

Click on the image to enlarge

3 we'll adjust the first name field by clicking on the edit as Balsourhalsabakh.  4 you can now change the address field, and make the field a mandatory visitor to Admit him as the image:

Click on the image to enlarge

Click save to save the Changes. 5 modify the second field and other Email Address to your email. 6 now we will add a third field, Which will be the message content, press the add Queastion the bottom of the second field, and then select the image as long answer:

Click to enlarge

7 Type the address of the new field in a vacuum and not "message content" and aware of the required and press save as image:

(Click on it to enlarge)

8 after adjusting all the fields, press the continue to move to the Fair step.  9 Fair by Advanced Settings page, you will not need them only two (the rest of the settings is free)  to prepare first is the conversion page, in the sense that after the end of the visitor to send his message and the emphasis on he was sent to be converted to the page you specify, but not to the main page of your blog, as the image:

The second is to prepare for the introduction of email messages you receive it, put a check mark next to the image as Email:

You will see a double-digit, first type in your email address, and in the second subject of the message, which will receive and not "message from a visitor forums"

8 Click the continue to move to the Fair step. Thirdly: Get code and put it in your blog: now you'll see a page with the model code "Contact Us", Which was Established, then copy the code , and we'll cum in your blog, but you by must first create a page named Contact us at Blog to put out code. 1. enter on your blog Tab 2 of sending or "posting" press "editorial pages" or edit pages, then add a new page as the image:   

Click to enlarge

3 Name the page "Contact Us", then clicking on the edit html and add the code you previously copied it as image.

(Click on it to enlarge)

Then press the publish page.  Congratulations got the contact us page, place a link to the home page to Allow visitors a safe way of Effective communication. (update): to change the send button to the Arabic language: look in the code on the Following statement: Submit Form put its place is a  send message (update 2) : to make a confirmation message transmission opens in a new page after the transmitter button is pressed, follow the Following: Look at the end of the code for the following line :      

 <Input type = "submit" value = "Submit Form" />

And replace it with the following line:

<Input type = "submit" onclick = "This.form.target = '_ blank'; return true;"  value = "Submit Form" />

Categories: