MKTG Custom Dev

MKTG CTA Slider

Hero or CTA, lead forms, video, mobile friendly.

Fixed background with content on left. Forced center alignment for mobile. Form button. Fade or slide animations. Mobile touch friendly. Over 110 section settings.

Shop Now Demo Form

Some awesome form here.

Get exclusive offers and updates

MKTG CTA Slider

Slide Form card with pause, or global form.

Slide form card. Slide pauses for 30 sec with each focus, click, input. Global form option. Geolocation city and state. Mobile image positions means no mobile image needed.

Shop Now Learn More

Awesome [[state]] form here.

Get exclusive [[city]] offers!

100+ Core & Electives

30 Days Of Monarch Full Access Free for [[state]]!

YouTube video backgrounds. Logo added. Start and end bkg loop settings. Added a watch video modal plus users can click the built in fullscreem icon. Watch Video Button has custom style options.

Start Free Trial ▶ Watch Video

Inline form with product image.

Taller slide with inline form. Background not fixed. Manually replaced slide form card with product image.

MKTG Benefits Block

Highlight your product with your very own Benefits Block

Self-cropping background images with a bespoke lightbox option. Plus a standard image picker for white background images. A YouTube link to replace your images.

Learn More

MKTG Benefits Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in mattis augue. Nunc bibendum nisi in finibus posuere. Phasellus lobortis ac tellus in congue.

Shop

MKTG Benefits Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in mattis augue. Nunc bibendum nisi in finibus posuere. Phasellus lobortis ac tellus in congue.

Learn more Sample pages

MKTG Benefits Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in mattis augue. Nunc bibendum nisi in finibus posuere. Phasellus lobortis ac tellus in congue.

Shop

MKTG Infoleft Bkg Image

Title Text Lorem

This section will auto-crop the featured image for better fluid UX. Fusce tristique finibus metus. Vestibulum commodo maximus libero at euismod. Donec ultrices tempor risus quis sollicitudin. Curabitur sagittis mauris libero, in egestas est ornare nec. Quisque commodo metus sed diam ultrices.

You can change the list svg icons from any image link.
Bulleted lists work on left aligned content. Not on centered.
Short bullet points preferred over accordions.

Primary Button Secondary Button

A targeted testimonial paired with related content is stronger than a bunch scrolling at the bottom of a page." Kristi D, Mom

MKTG Tabs Block

Tabs Galore

Up to 15 tabs. A real workhorse section. Intuitive interface for desktop and mobile. Horizontal or vertical formats. Stacked or inline Tabs. Tons of settings added. Keep tab labels very short. Sed luctus fringilla nulla, vulputate facilisis massa congue et.

You can change the list svg icons from any image link.
Bulleted lists work on left aligned content. Not on centered.
Short bullet points preferred over accordions.

This is a longer Link 1 This is a longer Link 2

This is a longer Test 1 Test 2

MKTG Tabs Block

Tabs Galore

You can change the list svg icons from any image link.
Bulleted lists work on left aligned content. Not on centered.
Short bullet points preferred over accordions.

This is a longer Link 1 This is a longer Link 2

This is a longer Test 1 Test 2

MKTG Tabs Block

Tabs Galore

You can change the list svg icons from any image link.
Bulleted lists work on left aligned content. Not on centered.
Short bullet points preferred over accordions.

Test

MKTG Infoleft Bkg Image

Title Text Lorem

This section will auto-crop the featured image for better fluid UX. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique finibus metus. Vestibulum commodo maximus libero at euismod. Donec ultrices tempor risus quis sollicitudin. Curabitur sagittis mauris libero, in egestas est ornare nec. Quisque commodo metus sed diam ultrices.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique finibus metus. Vestibulum commodo maximus libero at euismod. Donec ultrices tempor risus quis sollicitudin. Curabitur sagittis, in egestas est ornare nec. Quisque commodo metus sed diam ultrices.

Primary Button

CSV to HTML Table Converter

Create tables from spreadsheet data in seconds

Paste CSV Data:

Generated HTML:

Ready to copy

Next steps:

Click "Copy HTML" button above
Go to section settings (click the gear icon)
Paste the copied HTML into the "Custom HTML Table" field
Click Save to see your table

Table styling tips:

You can add buttons and links to your table cells:

<a href="#" class="t4s-table-btn primary">Button</a>
<a href="#" class="t4s-table-btn secondary small"><i class="fa fa-download"></i> Small Button</a>
<a href="#" class="t4s-table-link">Text Link</a>

You can use Font Awesome icons with <i class="fa fa-icon-name"></i>
To add images to your table:

Upload the image to your Shopify Files section
Use just the filename: <img src="logo.png" style="max-width: 100px;">
Or use any full image URL if needed
For different staging environments, update the "Image Base URL" in the Images settings

Sticky Header	Header 2	Header 3	Header 4	Header 5	Header 6	Header 7
Bold 1st Column Toggle	Accepts CSV Data	Border and line settings	Choose a second column alignment	Header and cell background settings	Use just filename to place images	Primary
Dolor 2	Zebra striping and hover toggles	Onboarding converter from csv data to tables	Allows custom coding access	Fully responsive easy to use tables	Dolor 2	Secondary
Set Amit 3	Set Amit 3	Set Amit 3		Set Amit 3		Text Link
Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1
Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2
Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3
Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1
Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2
Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1
Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2
Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3
Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1
Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3
Sticky Header 2-1	Header 2-2	Header 2-3	Header 2-4	Header 2-5	Header 2-6	Header 2-7
Bold 1st Column Toggle	Accepts CSV Data	Border and line settings	Choose a second column alignment	Header and cell background settings	Use just filename to place images	Primary
Dolor 2	Zebra striping and hover toggles	Onboarding converter from csv data to tables	Allows custom coding access	Fully responsive easy to use tables	Dolor 2	Secondary
Set Amit 3	Set Amit 3	Set Amit 3		Set Amit 3		Text Link
Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1
Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2
Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3
Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1
Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2
Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3
Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1
Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2
Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3
Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1
Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2
Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3
Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1	Lorem Ipum 1
Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2	Dolor 2
Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3	Set Amit 3

Tip: Scroll mouse vertically or shift+scroll sideways

MKTG Centered CTA

Section Intro Header

Intro text can go here. This block is acting as an intro to another section below.

MKTG Benefits Block

Highlight your product with your very own Benefits Block

Self-cropping background images with a bespoke lightbox option. Plus a standard image picker for white background images. A YouTube link to replace your images. Tons of options.

Save Now Dolor sit amet

MKTG Benefits Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lightbox disabled for this box amet, consectetur adipiscing elit. Proin in mattis augue. Curabitur sagittis mauris libero, in egestas est ornare nec. Phasellus lobortis ac tellus in congue.

Learn More Shop

MKTG Benefits Block

Videos best at 2-3 across
Bulleted lists work on left aligned content. Not on centered.
Short bullet points preferred over accordions.

Want financial assistance?

Shop

MKTG Benefits Block

Highlight your product with your very own Benefits Block

Self-cropping background images with a bespoke lightbox option. Plus a standard image picker for white background images. A YouTube link to replace your images. Tons of options.

Save Now Dolor sit amet

MKTG Benefits Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lightbox disabled for this box amet, consectetur adipiscing elit. Proin in mattis augue. Curabitur sagittis mauris libero, in egestas est ornare nec. Phasellus lobortis ac tellus in congue.

Learn More Shop

MKTG Benefits Block

Videos best at 2-3 across
Bulleted lists work on left aligned content. Not on centered.
Short bullet points preferred over accordions.

Want financial assistance?

Shop

MKTG Infoleft Bkg Image

Get Guidance From Experts

Place Klaviyo form inline with section html content. Feels more balanced and modern than the previous standalone form.

MKTG Infoleft Image

New Title Two

This section will play a Youtube video or show a transparent background image. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique finibus metus. Vestibulum commodo maximus libero at euismod. Donec ultrices tempor risus quis sollicitudin.

Short line item link mauris libero

Test Button 2

MKTG Infoleft Image

New Title Lorem

This section will play a Youtube video or show a transparent background image.* Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique finibus metus. Vestibulum commodo maximus libero at euismod. Quisque commodo metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique finibus metus. Vestibulum commodo maximus.

Test Button Secondary

*Asterisk text in a box feels more intentional lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tristique finibus metus.

MKTG Centered CTA

Standard CTA

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dictum quam vitae turpis mattis, sagittis maximus velit facilisis. Ut ut justo dictum, convallis erat vitae, ultrices mi. Nam id bibendum erat. Integer lacinia libero id tristique dapibus. In ullamcorper dolor sem, et gravida nulla efficitur tincidunt. Integer in justo eget eros pharetra placerat. Maecenas facilisis dolor dui, fringilla accumsan nisl.

Primary Button

MKTG Centered CTA

Container Image CTA Light Mode

Primary Button Secondary Button

We love your product! A targeted testimonial paired with related content is stronger than several scrolling at the bottom of a landing page." Kristi D, Mom

MKTG Benefits Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in mattis augue. Curabitur sagittis mauris libero, in egestas est ornare nec. Phasellus lobortis ac tellus in congue.

Want financial assistance?

Shop

MKTG Benefits Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in mattis augue. Curabitur sagittis mauris libero, in egestas est ornare nec. Phasellus lobortis ac tellus in congue.

Want financial assistance?

Shop

MKTG Centered CTA

Full-width Image CTA Dark Mode

Primary Button Secondary Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sample PDF