Custom Labels & Values in Select, Radio and Checkbox Form Fields

You can use the pipe character on your keyboard (‘|’) to differentiate between label and value
If you use a pipe (‘|’) character in an option value, the part before the pipe will be used as the label, and the part after the pipe will be the actual value. 

You can use this method in a Select, Radio buttons and Checkbox fields.

The backend will look like this:

And the frontend will look like this:

Learn more about the Form Widget and its options here.

Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page

Birthday Sale: Up to 50%30% Off
Birthday Sale: Last 24 hours!
Birthday Sale: Last 24 hours:
Wait! You get 30-Day Money-back Guarantee

You have nothing to lose – but the discount