Component Matrix | Naviga Subscribe

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

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

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