Seamless Payments Drive Growth.
Increase sales conversion with Spring by Citi
-
Create embedded experiences
-
Offer local payment methods
-
Reduce fraud risk
Integrating with Spring by Citi
Choose the integration method that’s the best fit for your business
Direct Payment
Direct payment lets you control the layout and styling of your payment page.
Do you want full control of the entire payment experience?
Click through to see what the consumer experience could look like by using this integration option.
Hosted Session
Are you looking to reduce PCI compliance exposure but still want full control of the entire payment experience?
Hosted Session still lets you control the layout and styling of your payment page while leaving the sensitive payment data to Spring by Citi.
Click through to see what the consumer experience could look like by using this integration option.
Hosted Checkout Lightbox
Do you want us to host the payment page for you?
Hosted Checkout Lightbox collects all payment details through a hosted payment interface that is submitted directly from your consumer’s browser to the gateway. This all happens without the consumer ever leaving your website.
Click through to see what the consumer experience could look like by using this integration option.
Hosted Checkout Payment Page
Do you want us to host the payment page for you?
Hosted Checkout Payment Page collects all payment details through a hosted payment interface that is submitted directly from your consumer’s browser to the gateway. This all happens on a redirected Spring by Citi payment page.
Click through to see what the consumer experience could look like by using this integration option.
- Direct Payment - Desktop
- Direct Payment - Mobile
![Citi – Demo Desktop 1](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
website and selects an item.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Desktop 2](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Desktop 3](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
to checkout.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Desktop 3.5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
As you can see, the payment section seamlessly embedded into your website.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Desktop 4](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Desktop 5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Desktop 6](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Desktop 7](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
If successful, your website will generate an order confirmation with the associated details.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Mobile 1](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
website and selects an item.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Mobile 2](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
shopping cart.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Mobile 3](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
to checkout.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Mobile 3.5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
As you can see, the payment section seamlessly embedded into your website.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Mobile 4](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
or debit card details...
![Citi – Demo Mobile 5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Mobile 6](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Mobile 7](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
If successful, your website will generate an order confirmation with the associated details.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
- Hosted Session - Desktop
- Hosted Session - Mobile
![Citi – Demo Hosted Session 1](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
website and selects an item.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 2](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 3](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
to checkout.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 3.5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
As you can see, the payment section still seamlessly embeds into your website.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 4](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
You will not need to collect, store or process any sensitive payments details thereby lowering your PCI- compliance costs.
![Citi – Demo Hosted Session 5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 6](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 7](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
If successful, your website will generate an order confirmation with the associated details.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 1](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
website and selects an item.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 2](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
shopping cart.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 3](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
to checkout.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 3.5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
As you can see, the payment section still seamlessly embeds into your website.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 4](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
You will not need to collect, store or process any sensitive payments details thereby lowering your PCI- compliance costs.
![Citi – Demo Hosted Session 5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 6](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Session 7](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
If successful, your website will generate an order confirmation with the associated details.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
- Hosted Checkout Lightbox - Desktop
- Hosted Checkout Lightbox - Mobile
![Citi – Demo HC Lightbox 1](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
website and selects an item.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo HC Lightbox 2](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo HC Lightbox 3](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
to checkout.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo HC Lightbox 3.5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
In terms of branding and customization, the lightbox can include your company name.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo HC Lightbox 4](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
All payment details are captured through the Spring by Citi interface.
![Citi – Demo HC Lightbox 5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
By selecting this integration method, you will not need to collect, store or process any sensitive payments details thereby lowering your PCI- compliance costs.
![Citi – Demo HC Lightbox 6](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo HC Lightbox 7](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
If successful, the Spring by Citi Interface can generate an order confirmation with the associated details, or it can redirect back to your website with the associated details so you can generate an order confirmation.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo HC Lightbox 1](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
website and selects an item.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo HC Lightbox 2](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
shopping cart.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo HC Lightbox 3](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
to checkout.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo HC Lightbox 3.5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
In terms of branding and customization, the lightbox can include your company name.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo HC Lightbox 4](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
All payment details are captured through the Spring by Citi interface.
![Citi – Demo HC Lightbox 5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
By selecting this integration method, you will not need to collect, store or process any sensitive payments details thereby lowering your PCI- compliance costs.
![Citi – Demo HC Lightbox 6](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo HC Lightbox 7](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
If successful, the Spring by Citi Interface can generate an order confirmation with the associated details, or it can redirect back to your website with the associated details so you can generate an order confirmation.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
- Hosted Checkout Payment Page - Desktop
- Hosted Checkout Payment Page - Mobile
![Citi – Demo Hosted Checkout 1](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
website and selects an item.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Checkout 2](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Checkout 3](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
to checkout.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Checkout 3.5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
As you can see, once the consumer selects check out, they are redirected to a new page, outside of your website to input their payment information.
In terms of branding and customization, the payment page can include your company name and logo.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Checkout 4](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
All payment details are captured through the Spring by Citi interface.
![Citi – Demo Hosted Checkout 5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
By selecting this integration method, you will not need to collect, store or process any sensitive payments details thereby lowering your PCI- compliance costs.
![Citi – Demo Hosted Checkout 6](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Checkout 7](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
If successful, the Spring by Citi Interface can generate an order confirmation with the associated details, or it can redirect back to your website with the associated details so you can generate an order confirmation.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Checkout 1](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
website and selects an item.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Checkout 2](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
shopping cart.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Checkout 3](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
to checkout.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Checkout 3.5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
As you can see, once the consumer selects check out, they are redirected to a new page, outside of your website to input their payment information.
In terms of branding and customization, the payment page can include your company name and logo.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Checkout 4](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
All payment details are captured through the Spring by Citi interface.
![Citi – Demo Hosted Checkout 5](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
By selecting this integration method, you will not need to collect, store or process any sensitive payments details thereby lowering your PCI- compliance costs.
![Citi – Demo Hosted Checkout 6](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
![Citi – Demo Hosted Checkout 7](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)
If successful, the Spring by Citi Interface can generate an order confirmation with the associated details, or it can redirect back to your website with the associated details so you can generate an order confirmation.
![](http://landing.6-dev.com/wp-content/plugins/revslider/public/assets/assets/dummy.png)