Skip to main content

Default sections in Nova

The built-in sections on every Nova page, their default order, and the settings each one offers.

Default sections are the built-in sections that come with every page of the Nova theme, such as the subscription overview, products info and upsells. You can reorder them, hide them per device, and configure several of them without writing code.

Default sections on each page

Each page of the customer portal comes with a set of built-in sections. The table lists them by page and zone, in their default order.

You can also add your own content to any page or zone with custom sections. Learn more about custom sections in the next article.

Page

Sections (default order)

Subscription details: Header

  • Back button & Loyalty reward button

  • Upcoming delivery banner

  • Navigation bar

  • Delivery address banner

  • Payment failure banners

  • Campaign banner

  • Instant reactivation offer banner

  • Upgrade profile banner

  • Flow/Streaks banners

  • Volume discount banner

  • Referral banner

  • Subscription overview

  • Subscription order details

Subscription details: Main column

  • Products info

  • Order summary

  • Subscription savings

  • Pickup/delivery section

  • Payment info

  • Important links

Subscription details: Side column

  • Upsells

Subscription details: Footer

  • Manage other subscriptions

  • Footer buttons

  • Resume/reactivate subscription

Subscriptions list

  • Active contracts and actions

  • Inactive contracts

  • Logout button

Gift details

  • Back button

  • Subscription overview

  • Gift message and CTA

  • Order actions

  • Subscription details title

  • Order schedule/history

  • Products info

  • Order notes

  • Subscription plan/frequency

  • Delivery section

Gift recipient landing

  • Gift product image

  • Gift message section

  • Gift thank sender CTA

  • Manage gift CTA

Settings offered for default sections

Several default sections have their own settings. You can find all of them in the Layout tab of the theme editor.

Subscription details page

Navigation bar

The navigation bar is designed to help subscribers quickly navigate through their subscription details page. Open the Layout tab to configure this section.

  • Choose to show/hide separately on desktop and mobile

  • Configure up to 5 sections

  • Each tab has an icon, a name and a target section it scrolls to (any section on the page, including ones you add)

Subscription overview

The subscription overview card displays the next order date, subscription value, and subscription frequency. It also allows subscribers to edit frequency, or access the subscription management options configured by the you. Open the Layout tab to configure this section.

  • Buttons that can be shown on the card:
    Order now, Delay, Reschedule, Skip, Gift, Change frequency, Cancel subscription, Pause subscription, Talk to customer support (with your own link), More menu, and Custom buttons

  • You can hide, reorder, or move buttons to the more menu

Note: If a button depends on a preference that isn't set up, or is disabled, the button is disabled in the theme editor and hidden in the customer portal.

Products info

The products info section contains the products added in a subscription. Its settings can also be found in the Layout tab, and are used to configure product cards.

  • Show quick action buttons, which adds a quantity selector to product cards (Styles > Cards)

  • Choice of Primary and Secondary button: Hide button, Skip, Swap or Edit

  • Show button with icons only

Upsells

The upsells section shows the products you recommend to your subscribers as a row of upsell cards. Its settings control how those cards look and how subscribers move through them.

  • Choose between two card sizes.

  • Set how product images fill the card: Cover fills the whole image area and may crop the image, while Fit shows the full image inside the card.

  • Add navigation buttons on mobile, so your subscribers can move through the cards by tapping instead of swiping.

Footer buttons

The footer buttons are placed at the bottom of the subscription details page. You can choose between the following to configure a Secondary and Tertiary button: Don't show, Pause subscription, Cancel subscription, Skip, Gift, Reschedule, Delay, Order now or Custom button.

Subscription list page:

Active contracts and actions

You can choose to show an order now button on the subscription card on the list page.

FAQs

Can I reorder or hide default sections?

Yes, open the Layout tab to reorder default sections or hide them separately on desktop and mobile.

Why is a default section not showing in my customer portal?

A default section shows only when its feature is set up and applies to the subscription you're viewing. For example, upsells show once the required customer permissions are set up, and a reward journey banner shows only on a subscription enrolled in a reward journey. To preview a section, use the search bar to open a subscription in the state you want to see.

Why is a button on the subscription overview disabled in the theme editor?

The button depends on a preference that isn't set up yet. Once you set up that preference, you can turn the button on, and it appears in the customer portal.

Can a navigation bar tab scroll to a custom section?

Yes, a tab's target can be any section on the subscription details page, including custom sections you add.

Can I hide the navigation bar on desktop only?

Yes, open the navigation bar settings in the Layout tab and turn it off for desktop. It keeps showing on mobile unless you turn it off there too.

Can subscribers place an order from the subscription list page?

Yes, turn on the Order now button for active contracts, and it shows on each subscription card on the list page.

Need help?

No worries - we're here for you! If you have any questions or need assistance, feel free to email us at [email protected] or chat with us using the support beacon at the bottom right of your screen.

Regards,

Loop subscriptions team 🙂

Did this answer your question?