Columns / Grid Layout

Create two columns, three Columns even Four columns form with Contact form 7 using this feature. Fully responsive.

    Copy the Sample Code of the Above Form

    <!------ Two Columns Code Start ------>
    [uacf7-row]
    [uacf7-col col:6]
    [text* text-337 placeholder "First Name"]
    [/uacf7-col][uacf7-col col:6]
    [text* text-337 placeholder "Last Name"]
    [/uacf7-col]
    [/uacf7-row]
    <!------ Two Columns Code End ------>
    
    <!------ Three Columns Code Start ------>
    [uacf7-row]
    [uacf7-col col:4]
    [url url-817 placeholder "Facebook URL"]
    [/uacf7-col]
    [uacf7-col col:4]
    [url url-817 placeholder "Twitter URL"]
    [/uacf7-col]
    [uacf7-col col:4]
    [url url-817 placeholder "Instagram URL"]
    [/uacf7-col]
    [/uacf7-row]
    <!------ Three Columns Code End ------>
    
    <!------ Four Columns Code Start ------>
    [uacf7-row]
    [uacf7-col col:3]
    [text* text-337 placeholder "Address"]
    [/uacf7-col]
    [uacf7-col col:3]
    [text* text-337 placeholder "City"]
    [/uacf7-col]
    [uacf7-col col:3]
    [select country include_blank "United Arab Emirates" "United Kingdom" "United States" "Uruguay"]
    [/uacf7-col]
    [uacf7-col col:3]
    [text* text-337 placeholder "Zip"]
    [/uacf7-col]
    [/uacf7-row]
    <!------ Four Columns Code End ----->
    
    [uacf7-row]
    [uacf7-col col:12]
    [submit "Submit"]
    [/uacf7-col]
    [/uacf7-row]
    

    How to Setup

    Scroll to Top