Blocks - Lazy Loaded Call to Action

Instructions for use:

Use just like the standard HubSpot CTA module. It has all of the standard options you are used to. It's not opinionated about styles and will take your forms and page styles with no problem.

Add into your theme page using the DnD editor.
Select the contacts tab in the sidebar and choose the "BLOCKS - Lazy Loaded CTA"
Select or create the cta you want to use.
You're Done!

Here are the results!

This page scores a cool 98 points in Google Lighthouse using the Lazy Loaded CTA Module

Proof: https://app.speedvitals.com/report/blocks.adesignlink.com/gAYcWM/

The CTAs

Nam pretium turpis et arcu. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Quisque id mi. Sed lectus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.

Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Aenean commodo ligula eget dolor. Praesent egestas neque eu enim. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.

Phasellus gravida semper nisi. Nullam vel sem. Aenean viverra rhoncus pede. Aenean massa. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula.

CTA#2 (Image CTA)

Nam pretium turpis et arcu. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Quisque id mi. Sed lectus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.

Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Aenean commodo ligula eget dolor. Praesent egestas neque eu enim. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.

Phasellus gravida semper nisi. Nullam vel sem. Aenean viverra rhoncus pede. Aenean massa. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula.

CTA#3

Nam pretium turpis et arcu. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Quisque id mi. Sed lectus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.

Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Aenean commodo ligula eget dolor. Praesent egestas neque eu enim. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.

Phasellus gravida semper nisi. Nullam vel sem. Aenean viverra rhoncus pede. Aenean massa. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula.

CTA#4

Nam pretium turpis et arcu. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Quisque id mi. Sed lectus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.

Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Aenean commodo ligula eget dolor. Praesent egestas neque eu enim. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.

Phasellus gravida semper nisi. Nullam vel sem. Aenean viverra rhoncus pede. Aenean massa. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula.

CTA#5

Nam pretium turpis et arcu. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Quisque id mi. Sed lectus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.

Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Aenean commodo ligula eget dolor. Praesent egestas neque eu enim. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.

Nam pretium turpis et arcu. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Quisque id mi. Sed lectus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.

Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Aenean commodo ligula eget dolor. Praesent egestas neque eu enim. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.

Phasellus gravida semper nisi. Nullam vel sem. Aenean viverra rhoncus pede. Aenean massa. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula.

CTA#6

Nam pretium turpis et arcu. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Quisque id mi. Sed lectus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.

Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Aenean commodo ligula eget dolor. Praesent egestas neque eu enim. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.

Phasellus gravida semper nisi. Nullam vel sem. Aenean viverra rhoncus pede. Aenean massa. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula.

CAT#7 (Custom CTA Class)

Nam pretium turpis et arcu. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Quisque id mi. Sed lectus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.

Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Aenean commodo ligula eget dolor. Praesent egestas neque eu enim. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.

Phasellus gravida semper nisi. Nullam vel sem. Aenean viverra rhoncus pede. Aenean massa. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula.