123 Contact Form Integration Guide

This Integration can be applied to the following Products: Agency Life Quoter (ALQ), Mobile App, Website Quoter.

1. Go to https://www.123contactform.com/ and create an account. 
2. Check your email and confirm account creation.
3. Once confirmed, login to your 123 Contact Form account. 
4. Click "New Form" in the upper lefthand corner. 

1

5. You will now choose a blank form or form template. For this tutorial we will just use a blank form. Click "Create Form" at the center of the screen. 

2

6. Now lets add fields to our form! Simply click "Short Text" under basic fields on the left side of the screen. 

3

7. You will see the new field on the right of the screen. Click "Untitled" to edit the field. 

4

8. A tool bar to edit the field should appear on the left of the screen. Rename the field "Carrier Name" under where it says "Label". 

5

9. Lets add another field. To do so, click "ADD FIELDS" in the upper lefthand corner. 
10. We are now going to add a number field. Click "SPECIAL FIELDS" on the lefthand side of the screen. Then click "Number". 

6

11. Click the "Number" field to change the name (like we did in step 7). 

7

12. The tool bar that allows you to edit fields will appear on the left of the screen. Enter "Face Amount" under where it says "Label". 

8

13. If you would like to add any other fields, repeat steps 6-12 depending on what type of field it is. The chart below lists the other possible fields you can use. Make sure the field name and field type are correct. 


Product Information

123contact form table


Quote Information

Screen Shot 2018-12-10 at 4.07.34 PM


14. Once you are done adding fields, click "Publish Form" in the righthand corner. 

9

15. You will now see the screen below. Press "Copy Link" to copy the URL. 

10


16. We will now change the content of this URL. This step is very important so follow along carefully. Open a new tab and paste this link in the search bar. 

11

Next, type "sf.php?s=" after ".com/"
It should look like this now:

Next, delete "/My-Form-3" at the end of the URL. This is the name of the form, and it will be different for you. 
It will now look like this:

13

Now, we are going to go back to the page below. Leave the page with your URL in the search bar open

14

On the left side of the screen, under "Form Link" it will say "Embed Code". Click on "Embed Code". 
You will now see the page below. There will be a dropdown field where you can select you embed option. Click on it and select "Inline HTML". Once you have done so, click "Copy Code".

15

Next, open a word document or somewhere to paste the "Inline HTML". Once you have done so, press "command" and "f" at the same time on your keyboard. This will allow you to search the document. Once the search bar appears, type "Carrier Name" and click enter. It will highlight the phrase you are looking for. In the image below, you will see "Carrier Name" highlighted. To the left of the highlighted phrase, you will see the following "control29449053". I want you to look for this code next to where it says "Carrier Name" in your own word document, highlight it, and copy it. It will always start with "control" but will have different numbers following it. 

16

Once you have copied this code, go back to the tab where the URL is. 
You will add an "&" sign and paste the code directly after. It should look something like this now: 

17

After the code, type "=" followed by the field title that corresponds with the field name "Carrier Name". In this case, it's "|*carrier_name*|". 
Corresponding field names and titles will be found in the chart from step 13. 
The URL will now look like this:

18

We will now repeat this process for "Face Amount". 
Add "&" following the Carrier Name field title. The "&" sign will go between each field title that is added. 
The URL will now look like this:

19

Next, go back to your word document that contains the inline HTML. Press "command" and "f" at the same time to search. Once the search bar appears, type "Face Amount" and click enter. You should now see "Face Amount" highlighted. Preceding it, should be "control" followed by a series of numbers. Highlight and copy this. It will look something like this: control29449305

20

Go back to the tab with your URL once you have done so. Go ahead and paste this code following the "&" symbol. 
Your URL will look like this now:

21

After the code, type "=" followed by the field title that corresponds with the field name "Face Amount". In this case, it's "|*face_amount*|"
Corresponding field names and titles will be found in the chart from step 13. 
Your URL will now look something like this:

22

If you added any other fields, please follow the directions given in this step for those as well. If these were the only two fields you created, copy the finished URL. 
17. Open a new tab and go to dashboard.ixn.tech
18. Enter your email and password, then click "Login". 
19. Once you are logged in, click "Products" in the navigation on the left-hand side.

Dashboard Navigation - Product

20. Find your Agency Life Quoter, Mobile App, or Website Quoter in your list of products. Click on the name.

Product List - Agency Life Quoter

21. Click "Settings" at the top of the page. Select "Quote Actions" in the dropdown.
22. Click "Create New Action" in the upper right-hand corner.
23. Next we will edit the type, label, and URL. First click on the dropdown field beneath "Type" and select "123 Contact Form". 

27

24. Next, lets edit label. Click on the field beneath "Label" and name your action. It can be whatever you like, but we will name our action "Contact Form Example". 
25. Next, we will paste the URL we just finished altering into the field below "URL". Then click "Save". 

29

26. Now go to your product to run quotes! Enter the quote information and click "View Quotes". We will be using generic information for this tutorial. 

30


27. Select a quote and you will see a green menu bar. This bar will have any quote actions you have created. We named our quote action "Contact Form Test" so we will click on that. 

31

28. A new page with the form we created will open. You will also notice that the fields are all pre-filled with information pulled from the quote! Step 16 is what makes this possible. If step 16 was done incorrectly, this may or may not work. If you find your form isn't pre-filled, take another look at step 16 and try again. If your form looks as it should, click "SUBMIT FORM" to submit! 

32


That is the end of our tutorial! Thank you for following along. 

Questions or feedback? Feel free to reach out to our Support Team at support@ixntech.com or call 800-250-5152 #2.