Topics

All topics

Add custom fields to the Checkout widget

You can create custom widgets or solutions for checkout according to your business needs, such as a special one-page checkout. This article shows how this can be achieved using the API, so that you can integrate the code into your solution.

This technique has you create a web form, and then use the code it provides, as follows:

Create Checkout.ascx.
EXAMPLE: For more information about the contents of the file, see the Checkout.ascx in Sitefinity documentation-samples on GitHub.
Create Checkout.ascx.cs.
EXAMPLE: For more information about the contents of the file, see the Checkout.ascx.cs in Sitefinity documentation-samples on GitHub.

NOTE: The Checkout.ascx.designer.cs code is created automatically (auto-generated code).

This section contains

Modify the Checkout widget's templates
In the Shipping information step page you will add a checkbox for newsletter subscription. In the Preview step page you will add a textbox for a gift message. To add the fields you will modify the respective widgets templates for the Checkout widget.
Create the custom fields for the CartOrder and Order classes
You will create custom fields for the CartOrder and Order objects. This will create columns in the respective tables for storing the values of the two new fields.
Persist the values of the fields in the CartOrder instance
When the user inputs a value in the custom field and navigates to the next step, you have to intercept this action, get the value of the field and set it to the custom field of the customer’s CartOrder instance. Saving the instance will write the value in the database. After placing the order the values of the custom fields will be automatically transferred from the cart order to the order.
Use the custom fields in the Checkout widget

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Web Security for Sitefinity Administrators

The free standalone Web Security lesson teaches administrators how to protect your websites and Sitefinity instance from external threats. Learn to configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?

Yes No

Would you like to submit additional feedback?

Your feedback about this content is important

How helpful is this article?

Very helpful Somewhat helpful Not helpful

How can we improve this article?(Optional)

Fix typos or links

Fix incorrect information

Add or update code samples

Add or update illustrations

Add information about...

Send feedback Cancel