LogoLogo
  • Welcome to Subscribe
    • Introduction to Subscribe
    • Subscribe Release Notes
      • 2025 Releases
        • 2025.2
        • 2025.1
      • 3.17.0 Major Release
        • 3.17.0.x Hotfixes
        • 3.17.1 Minor Release
          • 3.17.1.x Hotfixes
        • 3.17.2 Minor Release
      • 3.16.0
        • 3.16.0.X Hotfixes
        • 3.16.1 Minor Release
          • 3.16.1.X Hotfixes
        • 3.16.2 Minor Release
          • 3.16.2.X Hotfixes
        • 3.16.3 Minor Release
          • 3.16.3.x Hotfixes
          • 3.16.3.x Hotfixes (Continued)
      • 3.15.0 and 3.15+
      • 3.14 and 3.14+
      • 3.13.0 and 3.13+
      • 3.12
      • 3.11
      • 3.10
      • 2.X Releases
    • Coming Soon: What's On Your Way
    • NCS Circ Service Packs
      • 2018.5 Service Pack 1
      • 2018.5 Service Pack 2
      • 2018.5 Service Pack 3
      • 2018.5 Service Pack 4
      • 2020.2.0 Version
      • 2020.2.1 Version
      • 2020.2.2 Version
      • 2020.3.0 Version
      • 2020.4.0 Version
        • 2020.4.0 Version - Resolved Issues
        • 2020.4.0 - Enhancements
  • Naviga Applications and User Guides
    • Landing Application User Guide
      • Create a New User
      • Editing User Details
      • Exporting the Users
      • Password Settings
    • Solicitor Concierge User Guide
      • Solicitor Quickstart
      • Find your way around the Solicitor UI
      • Tutorials
        • Audit Trail
        • Configure available areas
        • Configure a sales product
        • Configure marketing text
        • Configure terms and conditions
        • Configure premiums
        • Configure an offer group
        • Configure an activation fee
        • Configure users, sales teams, and team members
          • Best practices for user accounts
          • Roles and permissions matrix
        • Import or Export Solicitor Data
        • Reference tables
    • CSR User Guide
      • Account information
      • Subscription Search
      • New Subscription Registration
      • Sending Invites
      • Create a new subscription
      • Digital Product Management
      • Disclaimer Management
      • Registration Management
      • NCS Only
        • Delivery Issues and Delivery Management
        • Billing and payment management
        • Address management
        • Update Solicitation Preference
        • Upgrades and downgrades management
        • Temporarily stop a subscription
        • Permanently stop a subscription
        • Create a vacation transfer
        • Redirect to classic portal
        • Restart a Subscription
      • Matrix Only
        • Billing and payment management
      • Show events and access events
    • Subscription Panel User Guide
      • Overview
      • Tutorials, how-tos, and reference documentation
        • Component Matrix
        • Create, edit, or remove component properties
          • Common properties quickstart
        • Create, edit, or delete a Presentation Template
        • Create, edit, delete, import or export Presentations
        • Preview a Presentation
        • Tutorials and Step-by-step guides
        • Reference documentation
          • Analytics
          • Presentation URLs
    • CMS User Guide
      • Overview
      • Tutorials, how-tos
        • How to Create a New Page
        • How to Manage Attributes
        • How to Manage Benefits
        • How to Manage Rewards
        • How to Manage Content and Pages
        • How to Manage the FAQ Section
        • How to Manage Images
        • How to Manage Slideshows
        • How to Manage Navigation: Links, Menu, Footer
        • How to Manage Notifications
        • How to Manage Newspapers (Divisions) And Newspaper Groups
  • Subscribe Features
    • New Starts and Restarts
      • Active Subscription Check
      • New starts
        • Complimentary (free-of-charge) subscriptions
        • 'Day Pass' Subscriptions (NCS Circ)
        • Gift Subscriptions (NCS Circ)
        • Lite Subscriptions
        • Trial-with-Payment subscriptions (NCS Circ)
        • Country-Only-Start Subscriptions (NCS Circ)
        • Auth0 Email Verification
        • Real-time Entitlements (NCS Circ)
      • Occupant creation/update during a new start (NCS Circ)
      • PurchaseAPI and failed starts reprocessing
      • Restarts (NCS Circ)
      • Restarts (Matrix)
    • Payment features (NCS Circ)
      • Tip: One-time and Recurring (NCS Circ)
      • Activation fees (NCS Circ)
      • One-time payment and Auto-renew (NCS circ)
      • Apple Pay: NCS Circ, Payway & Braintree
      • Google Pay: NCS Circ, Payway / Braintree
      • Variable Pricing (NCS Circ)
    • Upgrades and Downgrades
    • Stop Saver (NCS Circ)
    • Multicurrency (Vindicia only)
      • Multicurrency set up user guide
    • Occupant data update
  • ADDITIONAL RESOURCES
    • Subscribe APIs
      • Purchase API 3.17.1.2
      • Newsletter Widget API
      • InApp API (External Payments)
      • Newstart InApp (Webhooks)
      • Subscription API
      • Entitlements API Reference
      • Firefly
    • Workflows
      • Make a Payment Workflow
      • Auto-renew Workflows
      • NCS Only
        • eBill Workflows
        • Vacation Transfer Workflow
        • Permanent Stop Workflow
        • Temporary Stop Workflow
        • Solicitation Preference Workflow
        • Delivery Issues Workflow
        • Address Management Workflow
        • Restarts
        • Subscription Purchase Workflows
      • Matrix Only
        • New Start (Matrix)
      • CircPro Only
        • New start Workflow
        • Complaints Workflow
        • Update Payment Information Workflow
        • Switch to Invoice Workflow
        • One Time Payment Workflow
        • Temporary Stop Workflow
      • New Start Flow
      • Move Flow
    • Videos & Webinars
Powered by GitBook
On this page

Was this helpful?

Export as PDF
  1. Naviga Applications and User Guides
  2. Subscription Panel User Guide
  3. Tutorials, how-tos, and reference documentation

Component Matrix

The matrix below defines each component. Each tab represents a component class and has a table that describes the component and lists each possible parent and child components.

Address Components are related to billing and address information.

Component

Description

Possible Parent Components

Possible Child Components

Billing Information

Displays billing address information

Step

N/A

Delivery Information

Displays delivery address information.

Step

N/A

Core Structure components shape the basic layout and structure of presentations.

Component

Description

Possible Parent Components

Possible Child Components

Confirmation

A container for any details confirming a purchase.

Page

RSSFeed SocialMedia NewsLetterBenefit AppDownloads RegistrationOnConfirmation

Header

A container that displays a header. Can be configured as either top-level or as a child, depending on need.

Presentation

Page

N/A

HeaderExtended

Extends the header section.

Presentation

Page

N/A

HeaderGUP

Client specific header, for GUP clients only.

Presentation

Page

N/A

Footer

A container that displays a footer. Can be configured as either top -level or as the child of a page. Can contain useful links, contacts, or an HTML field.

Presentation

Page

N/A

PlaceOrder

A container that displays information regarding an order summary.

Step

N/A

Page

A container for other elements. Typically, there are three Page Components in a presentation.

Presentation

Step LandingTabbed LandingTiles LandingFullScreen LandingAlignedImage LandingZipFirst Landing OfferSelectorTiles OfferSelectorCheckbox OfferSelectorCSR OfferSelector OfferSelectorApplePay OfferSelectorDropdown OfferSelectorSmallTiles AbandonmentPopover IdlePopover GiftDetails Checkbox CheckboxVT Header, HeaderExtended HeaderGUP Footer StepIndicator Confirmation NotificationGeographic

PresentationProperties

Displays global presentation settings (e.g. theme, recaptcha, etc).

Any container component.

N/A

Step

Adds a "step" to the Page Component.

Page

DeliveryInformation BillingInformation Input PaymentMethods EZPay MilitaryInformation CollegeInformation UserInformationNoAccount InputGiftCode CheckboxVT ScheduledStart Checkbox GiftRecipient PlaceOrder ApplePayEdgil GiftDetails EmailPreferences

Landings and Promotions Components organize your landing page and any promotions that you are currently running.

Component

Description

Possible Parent Components

Possible Child Components

DeliveryDays

Shows the days of the week when a paper is delivered.

Any container component.

N/A

Landing

A container for promotions.

Page

PromotionDigital

PromotionZipcode

PromotionUpsell

PromotionLinkOnly

OfferSelector

LandingAlignedImage

Displays promotions as aligned images.

Page

N/A

LandingFullScreen

Displays promotions as a full screen.

Page

N/A

LandingTabbed

Displays promotions in tabs.

Page

N/A

LandingTiles

Displays promotions in tiles.

Page

N/A

LandingZipFirst

Displays a landing that requires the user to enter a postal code before showing promotions.

Page

N/A

PromotionDigital

Only displays promotions for digital newspapers.

Landing

N/A

PromotionLinkOnly

Displays a promotion with a link that redirects to another presentation

Landing

N/A

PromotionUpsell

Displays an upsell promotion.

Landing

N/A

Promotion Zipcode

Displays a promotion that includes a printed newspaper and requires a postal code.

Landing

N/A

Offer Components are used to design and describe offers.

Component

Description

Possible Parent Components

Possible Child Components

OfferDetails

Displays the details of the selected offer. Typically, either stick or OfferDetails is used.

Step

N/A

OfferSelector

Displays offers horizontally.

Page, Landing

ApplePayEdgil

OfferSelectorTiles

Displays offers as tiles.

Page

N/A

OfferSelectorSmallTiles

Displays offers as small tiles (so that less text is shown).

Page

N/A

OfferSelectorDropDown

Displays offers as a drop-down menu.

Page

N/A

OfferSelectorApplePay

Displays an Apple Pay button for offers.

Page

N/A

OfferSelectorCSR

Displays offers in a table. This is used only in the CSR portal.

Page

N/A

Upsell

Displays an upsell offer. The user's postal code and the initial offer the user selected determines whether the upsell displays.

Step

N/A

Optional UI components add various UI elements.

Component

Description

Possible Parent Components

Possible Child Components

AbandonmentPopover

Displays a popover when attempting to leave the page.

Page

N/A

AppDownloads

Adds links to the third part app logos that are supported (Google Play, Apple Play).

Any container component.

N/A

Checkbox

Displays an element that asks for a postal code for offers that support printed newspapers.

Checkbox Input

Step

Page

CheckboxVT

Allows for special Vermont postal codes.

Step

Page

N/A

GiftDetails

Allows the user to select an offer that was triggered with a gift code.

Step

Page

N/A

IndependentAddress

Displays an element that allows a user to specify their billing address. Note: This has no relationship to Solicitor Concierge settings.

Any container component.

N/A

Information

Displays a field that can be used to add additional information that does not belong to a specific element.

Any container component.

N/A

Link

Displays a link that redirects the user to a different page.

Any container component.

N/A

NewsletterBenefit

Displays a title for the newsletter options. Must be a child of the confirmation component.

Confirmation

NewsletterOption

NewsletterOption

Displays an element that is designed to retrieve email preferences.

NewsletterBenefit

N/A

OneTimeUseCodes

Displays an input that accepts one-time use codes and displays their offers.

Step

N/A

Perk

Displays the item from the benefits list.

Any container component.

N/A

SlideShow

Displays the slideshow configuration in CMS.

Any container component.

Slide

Slide

A single slideshow item.

SlideShow

N/A

SocialMedia

Displays various social media icons.

Confirmation

N/A

StepIndicator

Displays what step a user is on and which steps remain.

Page

N/A

StickyNote

Displays further details of an offer in a sticky note to the right of the screen.

Page

N/A

Payment Components authorize various payment methods for purchases.

Component

Description

Possible Parent Components

Possible Child

Components

PaymentMethods

A container for supported payment methods.

Step

PayPal, PayPalExpress CreditCard CreditCardEdgil CreditCardVindicia CreditCardChase CreditCardCyberSource CreditCardStripe CreditCardBrainTree CreditCardHOH CreditCardAuthorizeNet CreditCardSpreedly BillMe BankAccountChase BankAccount PayPalDTI

EZPay

Allows users to pay with EZPay.

Step

N/A

BillMe

Allows users to request an invoice.

PaymentMethods

N/A

BankAccount

Allows users to pay with their bank account. Displays a set of fields that allow users to ender bank account data.

PaymentMethods

N/A

BankAccountChase

Displays an iFrame that is used to fill in bank account data. Note: this is rarely used.

PaymentMethods

N/A

CreditCard

Allows users to pay with a credit card.

PaymentMethods

N/A

CreditCardBrainTree

Allows users to pay with a Brain Tree credit card.

PaymentMethods

N/A

CreditCardChase

Allows users to pay with a Chase credit card.

PaymentMethods

N/A

CreditCardCyberSource

Allows users to pay with a Cyber Source credit card.

PaymentMethods

N/A

CreditCardEdgil

Allows users to pay with an Edgil credit card.

PaymentMethods

N/A

CreditCardHOH

Allows users to pay with an HOH credit card.

PaymentMethods

N/A

CreditCardStripe

Allows users to pay with a Stripe credit card.

PaymentMethods

N/A

CreditCardVindicia

Allows users to pay with a vindicia credit card.

PaymentMethods

N/A

PayPal

Allows users to pay with PayPal.

PaymentMethods

N/A

PayPalDTI

Displays a button that opens the PayPal modal window.

PaymentMethods

N/A

PayPalExpress

Allows users to pay with PayPal Express

PaymentMethods

N/A

TermsAndConditions

Displays terms and conditions that a user has to accept to proceed.

Any container component.

N/A

User Data components are designed to collect user data.

Components

Description

Possible Parent

Components

Possible Child

Components

CollegeInformation

Diplays various fields that allow a user to enter college information

Step

N/A

EmailPreferences

Subscribes users to the various links specified in this component.

Step

N/A

GiftRecipient

???

Step

N/A

InputGiftCode

Displays an input that allows users to enter a code to receive a gift.

Step

N/A

Input

Displays a text field that allows a user to enter text information.

Step

N/A

MilitaryInformation

Displays a set of fields that allow users to enter any military related information.

Step

N/A

UserInformationNoAccount

Displays a field that allows users to enter an email address without creating an account.

Step

N/A

RegistrationOnConfirmation

Displays a set of fields that allow a user to create a registration after purchasing a subscription.

Confirmation

N/A

UserInformation

Displays a set of fields that allow a user to enter genral user information (e.g., DOB, names, etc).

Step

N/A

Widget Components make presentations interactive with various popovers, notifications, etc.

Component

Description

Possible Parent Components

Possible Child Components

Chat

Displays a chat icon in the bottom corner of the window.

Any container component.

N/A

CookieNotice

Displays a notice explaining cookie data collection.

Presentation

N/A

IdlePopover

Displays a popover after the user has been idle for a determined amount of time.

Page

N/A

IdleTimer

Displays a popover that indicates how much session time is left. Allows the user to continue or leave the page.

Page

N/A

Messaging

??

??

??

NotificationGeographic

Displays a notification if the entered delivery address is undeliverable.

Page

N/A

Captcha

Displays a captcha in the bottom corner.

Any container component.

N/A

RSSFeed

Displays an RSS feed button.

Confirmation

N/A

ScheduledStart

Displays a calendar to specify a subscription's start date.

Step

N/A

The intent of the matrix is to provide a comprehensive definition for supported components that you can reference for specific questions. We suggest using task-based tutorials to help with particular tasks.

Some components include images. Please note that before adding an image to a component you should upload it in the Image Gallery using Images section in CMS.

For the Subscription Panel Images the following sizes/resolutions are recommended:

Image

Recommended size/resolution

Note

Header Logo

300x45px

not recommended to use height >300

Page 1 Background Image

popular screen resolutions e.g. 1920x1080px

the image behind any the landing and offer selector (if you use small tiles); can be set to a solid color by inputting a Hex code instead of an image; not recommended to use less than 1600px width

Promotion Tiles

380x250px

Offer Selector Tiles

270x170px or 270x270px or 270x380px

this image is set in Solicitor Concierge, not in CMS. The same image appears both in Offer Selector Tiles and Offer Details

Offer Details

190x120px

this image is set in Solicitor Concierge, not in CMS. The same image appears both in Offer Selector Tiles and Offer Details

PreviousTutorials, how-tos, and reference documentationNextCreate, edit, or remove component properties

Last updated 4 years ago

Was this helpful?