Classes documents

CSS Classes to add on your Webflow buttons for Event Tracking.

Facebook Event Name: 'AddPaymentInfo'

Class Name: action-btn-pymt-001-pf

Copy to clipboard
Facebook Event Name: 'Subscribe'

Class Name: action-btn-sub-002-pf

Copy to clipboard
Facebook Event Name: 'Contact'

Class Name: action-btn-cntct-003-pf

Copy to clipboard
Facebook Event Name: 'InitiateCheckout'

Class Name: action-btn-buy-004-pf

Copy to clipboard
Facebook Event Name: 'AddToCart'

Class Name: action-btn-cart-005-pf

Copy to clipboard
Facebook Event Name: 'AddToWishlist'

Class Name: action-btn-wl-006-pf

Copy to clipboard
Facebook Event Name: 'CompleteRegistration'

Class Name: action-btn-reg-007-pf

Copy to clipboard
Facebook Event Name: 'CustomizeProduct'

Class Name: action-btn-cstm-008-pf

Copy to clipboard
Facebook Event Name: 'Donate'

Class Name: action-btn-don-009-pf

Copy to clipboard
Facebook Event Name: 'Lead'

Class Name: action-btn-lead-011-pf

Copy to clipboard
Facebook Event Name: 'StartTrial'

Class Name: action-btn-trial-012-pf

Copy to clipboard
Facebook Event Name: 'SubmitApplication'

Class Name: action-btn-submit-013-pf

Copy to clipboard
Facebook Event Name: 'Search'

Class Name: action-inpt-srch-014-pf

Copy to clipboard
Facebook Event Name: 'FindLocation' (For the Find location Input Field)

Class Name: action-inpt-loc-016-pf

Copy to clipboard
Facebook Event Name: 'FindLocation' (For the Find location Button)

Class Name: action-inpt-loc-017-pf

Copy to clipboard
Facebook Event Name: 'Purchase'

Class Name: action-btn-plc-ord-018-pf

Copy to clipboard

Additionnal Classes

For customized and more precise Event mapping.

Purchase Event (Name, Price, Quantity, Total amount)

1. Apply this class to the main container containing all the checkout items:

info-chk-itm-ctnr-pf

Copy to clipboard

2. Apply this to the container containing item information:

info-chk-itm-pf

Copy to clipboard

3. Apply this to item name:

info-itm-name-pf

Copy to clipboard

4. Apply this to item price:

info-itm-prc-pf

Copy to clipboard

5. Apply this to item quantity:

info-itm-qnty-pf

Copy to clipboard

6. Apply this to total amount:

info-totl-amt-pf

Copy to clipboard

Note: for item price, name and quantity you must add a class to the main container that  contains items list and container containing item information.

Forms mapping (For: AddPaymentInfo, CompleteRegistration, Lead, StartTrial, Subscribe, Contact and SubmitApplication)

1. Apply this class to the form container or the Webflow form element:

info-frm-cntr-pf

Copy to clipboard

2. Apply this a value or price:

3. Apply this to the name input:

info-itm-name-pf

Copy to clipboard

4. Apply this to the email input:

info-cust-em-pf

Copy to clipboard

5. Apply this to the phone input:

info-cust-ph-pf

Copy to clipboard

6. Apply this to the last name input:

info-cust-ln-pf

Copy to clipboard

Note: if you are adding value classes for name, email etc. you must add necessary classes to container or form