diff --git a/config/application.rb b/config/application.rb
index 3273f812d1..c82fc95267 100644
--- a/config/application.rb
+++ b/config/application.rb
@@ -231,5 +231,7 @@ module Openfoodnetwork
     config.generators.template_engine = :haml
 
     config.autoloader = :zeitwerk
+
+    config.action_view.form_with_generates_ids = true
   end
 end
diff --git a/spec/system/consumer/split_checkout_spec.rb b/spec/system/consumer/split_checkout_spec.rb
new file mode 100644
index 0000000000..986e95dc4b
--- /dev/null
+++ b/spec/system/consumer/split_checkout_spec.rb
@@ -0,0 +1,88 @@
+# frozen_string_literal: true
+
+require "system_helper"
+
+describe "As a consumer, I want to checkout my order", js: true do
+  include ShopWorkflow
+
+  let!(:zone) { create(:zone_with_member) }
+  let(:supplier) { create(:supplier_enterprise) }
+  let(:distributor) { create(:distributor_enterprise, charges_sales_tax: true) }
+  let(:product) {
+    create(:taxed_product, supplier: supplier, price: 10, zone: zone, tax_rate_amount: 0.1)
+  }
+  let(:variant) { product.variants.first }
+  let!(:order_cycle) {
+    create(:simple_order_cycle, suppliers: [supplier], distributors: [distributor],
+                                coordinator: create(:distributor_enterprise), variants: [variant])
+  }
+  let(:order) {
+    create(:order, order_cycle: order_cycle, distributor: distributor, bill_address_id: nil,
+                   ship_address_id: nil)
+  }
+
+  let(:fee_tax_rate) { create(:tax_rate, amount: 0.10, zone: zone, included_in_price: true) }
+  let(:fee_tax_category) { create(:tax_category, tax_rates: [fee_tax_rate]) }
+  let(:enterprise_fee) { create(:enterprise_fee, amount: 1.23, tax_category: fee_tax_category) }
+
+  let(:free_shipping) {
+    create(:shipping_method, require_ship_address: true, name: "Free Shipping", description: "yellow",
+                             calculator: Calculator::FlatRate.new(preferred_amount: 0.00))
+  }
+  let(:shipping_tax_rate) { create(:tax_rate, amount: 0.25, zone: zone, included_in_price: true) }
+  let(:shipping_tax_category) { create(:tax_category, tax_rates: [shipping_tax_rate]) }
+  let(:shipping_with_fee) {
+    create(:shipping_method, require_ship_address: false, tax_category: shipping_tax_category,
+                             name: "Shipping with Fee", description: "blue",
+                             calculator: Calculator::FlatRate.new(preferred_amount: 4.56))
+  }
+  let!(:payment_method) { create(:payment_method, distributors: [distributor]) }
+
+  before do
+    allow(Flipper).to receive(:enabled?).with(:split_checkout).and_return(true)
+    allow(Flipper).to receive(:enabled?).with(:split_checkout, anything).and_return(true)
+
+    add_enterprise_fee enterprise_fee
+    set_order order
+    add_product_to_cart order, product
+
+    distributor.shipping_methods << free_shipping
+    distributor.shipping_methods << shipping_with_fee
+  end
+
+  context "guest checkout" do
+    before do
+      visit checkout_path
+    end
+
+    it "should display the split checkout page" do
+      expect(page).to have_content distributor.name
+      expect(page).to have_current_path("/checkout/details")
+      expect(page).to have_content("1 - Your details")
+      expect(page).to have_selector("div.checkout-tab.selected", text: "1 - Your details")
+      expect(page).to have_content("2 - Payment method")
+      expect(page).to have_content("3 - Order summary")
+    end
+
+    it "should display error when fields are empty" do
+      click_button "Next - Payment method"
+      expect(page).to have_content("Saving failed, please update the highlighted fields")
+      expect(page).to have_css 'span.field_with_errors label', count: 4
+      expect(page).to have_css 'span.field_with_errors input', count: 4
+      expect(page).to have_css 'span.formError', count: 5
+    end
+
+    it "should validate once each needed field is filled" do
+      fill_in "First Name", with: "Jane"
+      fill_in "Last Name", with: "Doe"
+      fill_in "Phone number", with: "07987654321"
+      fill_in "Address (Street + House Number)", with: "Flat 1 Elm apartments"
+      fill_in "City", with: "London"
+      fill_in "Postcode", with: "SW1A 1AA"
+      choose free_shipping.name
+
+      click_button "Next - Payment method"
+      expect(page).to have_current_path("/checkout/payment")
+    end
+  end
+end