Custom text inputin 2step checkout

Ask the community
1

Hey all!

I’d like to add a custom field to my 2step checkout with the field “Company name”.

So it would look like:

  • Company Name
  • Full Name
  • Email Address

I would like the custom field to look exactly like the other two fields CSS style-wise.
Just like here:

custom field
custom field601×417 13.7 KB

I’ve read and tried @yassine post but it’s just not the same I don’t have “product variants” it’s just an additional info field.

I’m not 100% if this is possible but I’d love to get some advice on it :slight_smile:

Thanks!

2

Hey everyone! :waving_hand:

Just bumping this older thread because adding custom text inputs to your checkouts has gotten so much easier with the new Funnelish v2 builder! You no longer need to rely on custom code or workarounds to collect extra information (like order notes, engraving details, or custom instructions) on your 2-step checkouts.

You can now add custom fields natively right inside the drag-and-drop builder.

:hammer_and_wrench: How to add a Custom Text Input in Funnelish v2:

  1. Open your funnel step in the Page Builder.
  2. Drag and drop a new Input element into your checkout form area (you can place it exactly where you want it in the step).
  3. Click on the new input element to open its settings panel on the left side of the screen.
  4. Under Input Type, select Input (or select Textarea if you need a larger multi-line box for longer notes).
  5. Scroll down to the Props section and change the Data type dropdown to Custom.
  6. Set your Data name (this is the label that will show up in your order details backend) and customize your Placeholder text.

Here is a screenshot showing exactly how this looks in the new builder:

image
image1908×922 90.3 KB

This custom data will now automatically tie to the customer’s order and pass through to your connected apps or order sheets.

Let us know if you have any questions getting this set up! :rocket: