Sling.Docs

Checkout

Checkout blocks and where they go

Blocks are the extra pieces around your checkout form, and you can place them above, between or below the form steps.

Limits

A checkout page can hold up to 14 blocks, with up to 6 Custom HTML blocks among them.

The 17 block types

  • Announcement bar: one line of up to 120 characters.
  • Countdown timer: a label and 1 to 1440 minutes.
  • Reservation timer: 1 to 120 minutes. It is a countdown only and never holds stock or blocks the order. A refresh restarts the countdown for the shopper.
  • Testimonial: a quote, an author and a rating.
  • Reviews: up to 8 reviews, shown as a stack or a carousel. If you pay for Trustpilot, you can add your business unit id to show your real score.
  • Star rating: a rating from 0 to 5 and a line of text.
  • Stars + count: stars and a short count, with alignment.
  • Trust badges: up to 5 short badges.
  • Features: up to 6 items, each with an icon, a title and a description.
  • Guarantee: an icon, a title and a text.
  • FAQ: up to 8 questions.
  • Text / heading: plain text of up to 800 characters.
  • Image: an image link, alt text and an optional click link.
  • Payment icons: choose from Visa, Mastercard, Amex, Discover, Apple Pay, Google Pay, PayPal, Klarna and Afterpay. These are display only.
  • Low-stock bar: a line with {n} for a number that you set.
  • Custom HTML: up to 4 KB in a locked sandbox. HTML, images and CSS only. Scripts and forms are stripped.
  • Express checkout: Apple Pay and Google Pay buttons.

Positions

The Blocks panel shows everything in page order, including the form steps: Contact, Delivery, Shipping method and Payment. Drag the grip handle or use the arrows to move a row. A block can sit above the form, after Contact, after Delivery, after Shipping method, or below Payment. When you move a form step, the blocks attached to it move too.

Use Reset form steps to the standard order if the steps got moved around.

On each block

  • Move it, duplicate it, hide or show it, or delete it.
  • Turn Auto-translate off to keep your exact text.
  • Set background, text color, border, corners and padding.
  • Hover the eye icon on the add buttons to preview a block before adding it.

Deleting the Express checkout block only hides it. You can show it again from the same row.

Still stuck? Write to support@sling.cx and a real person answers.