[HideElement 63,79,81 in #of287d31c9f68] [HideBlock #o942820a82b1e,#of488b8566cc2] [IfAnchor #feature.overview][ShowElement 69,73,70 in #of287d31c9f68][HideElement 63,79,81 in #of287d31c9f68] [ShowBlock #o8b725d199808][HideBlock #o942820a82b1e,#of488b8566cc2] [Redirect #o7a7b02f01a90] [/IfAnchor] [IfAnchor #demo][ShowElement 63,79,70 in #of287d31c9f68][HideElement 69,73,81 in #of287d31c9f68] [ShowBlock #of488b8566cc2][HideBlock #o8b725d199808,#o942820a82b1e] [Redirect #o7a7b02f01a90] [/IfAnchor] [IfAnchor #how.to.implement][ShowElement 63,73,81 in #of287d31c9f68][HideElement 69,79,70 in #of287d31c9f68] [ShowBlock #o942820a82b1e][HideBlock #o8b725d199808,#of488b8566cc2] [Redirect #o7a7b02f01a90] [/IfAnchor] [HideElement 19 in #of488b8566cc2] [PhoneStyle field=#of488b8566cc2-office_phone background-color=#e0e0e0 dropdown-bg-color-hover=#f7941e line-height=41px margin-top=24px] [PhoneStyle field=#of488b8566cc2-sms_number background-color=#F9fbe7 dropdown-bg-color-hover=#ffcc80 dropdown-divider-color=#757575 line-height=36px margin-top=24px]
💡 ClickFix | Phonestyle
settings

LOGIN

Phonestyle
Elevate the appearance of your phone fields with ClickFix's Phone Field Styler. This feature goes beyond functionality to give your phone fields a polished and professional look. Transform a plain phone field into a sleek, user-friendly element that enhances the overall design of your forms and pages.

Key Advantages:

  • Stylish Design: The Phone Field Styler adds an aesthetic touch to your phone fields, elevating the visual appeal of your forms.

  • Country Dropdown: It includes a convenient country dropdown, simplifying the process for users to select their country code. This dropdown is automatically populated based on the visitor's IP address, ensuring accuracy and saving users time.
     
  • User-Friendly: By streamlining the input process, this feature provides a more user-friendly experience, reducing friction for form submissions.

  • Compatibility: Seamlessly integrates with Ontraport, making it easy to implement across your pages and forms.

Enhance the aesthetics and usability of your phone fields with ClickFix's Phone Field Styler. Make a lasting impression on your users while ensuring accurate data collection.

[ PhoneStyle field=%target_field_1%,%target_field_2%]

This shortcode will change the way a phone field looks by adding a dropdown menu for selecting a country. The dropdown will be filled with the correct country for the visitor based on their IP address.


ATTRIBUTE                                               TYPE                                       DESCRIPTION                                                                                                                                                                                                 
%target_field%#%field_id% or %field_name%Because the same Field will have the same name if it is on the page multiple times, you may target a specific Field by targeting its #%field_id%.

You can use our Free Chrome Plugin to find the ID or name of the field easily.

Required.

You can also add CSS parameters to the shortcode such as :

background-color=#The background color code

dropdown-divider-color=#The dropdown divider color code

dropdown-bg-color-hover=#The hover color code

line-height= The heigh of the line in pixel ( px )

margin-top/bottom/left/right= The heigh of the margin in each the direction you choose in pixel ( px )

DEMO
settings
[ PhoneStyle field=#of488b8566cc2-office_phone background-color=#e0e0e0 dropdown-bg-color-hover=#f7941e line-height=41px margin-top=24px]

You can adapt the size of the Phonestyle to correctly fit your field, and change the color to your desire.
settings
[ PhoneStyle field=#of488b8566cc2-sms_number background-color=#F9fbe7 dropdown-bg-color-hover=#ffcc80 dropdown-divider-color=#757575 line-height=36px margin-top=24px]
chevron_right
Documentation
arrow_drop_down_circle
Divider Text
Enter Your Email Below and Join 700+ Ontraport Users on their ClickFix Journey.
If you need help to implement this into your account or you need more information, hit "Consult an Expert" down there, send your request and we'll take it from there.
arrow_drop_down_circle
Divider Text
settings
OR
chevron_right
Consult an expert
And let us figure out together if ClickFix is right for you
arrow_drop_down_circle
Divider Text

"The Team at ClickFix are the ultimate Ontraport hackers. They make the impossible possible, and have helped out a ton of our clients with their tools."

Landon Ray
Ontraport CEO

© [TheYear] ClickFix.io | Terms of Service | Privacy Policy
[bot_catcher]