Code & Components

Below is code snippets and components to create pages.

Custom Confirmation

Hubspot form custom submission message

To have a custom form submission message you need to add the snippet of code after the form ID and before the }); brackets in the hubspot form embed.

*Placement shown to the right

Copy Code Snippet

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
 hbspt.forms.create({
   region: "na1",
   portalId: "21140561",
   formId: "Form ID Goes Here",
     onFormSubmit: function(form) {
       $("#hubspot-success").show();
     }
 });
</script>

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
  hbspt.forms.create({
    region: "na1",
    portalId: "21140561",
    formId: "Form ID Goes Here",
    onFormSubmit: function(form) {
    $("#hubspot-success").show();
    } 
  });
</script>

Component Library

Webflow components used to create landing pages

Webflow components are reusable "building blocks" or elements that can be used to quickly create and design websites without the need for coding. They are part of the Webflow visual web design and development platform. This can include buttons, forms, navigation menus, sliders, galleries, and more.

These can be customized, styled, and combined to create interactive and responsive webpages. They provide a convenient way to streamline the web design process and maintain consistency and efficiency across multiple pages of your website.

Important

Make sure that after you copy or use a component, you right-click and select "unlink instance" to prevent overriding the component for future use.

Page Structure

The main component to the start of any page.

This will contain the navigation and footer that is used through out the rest of your site. The only thing you need to do is make sure any of the other components get pasted inside of the "main wrapper"

What drives teacher wellbeing and retention?

Holiday celebrations, winter break, year-end grades -
We know year-end is crazy for administrators. Alpaca is here to help!
Say Welcome Back this January with an awesome gift of teacher favorites. 

Teachers a Alpaca

We hear from teachers every month how much the packs mean to them, and how supported they feel by their districts and community. Don’t take our word for it - see for yourself!

Jenna Rice

Jenna Rice

@jriceme

I love it when I see those little creative “Alpaca” packages. You just never know what surprises will be waiting inside. This month it was this awesome to-go warming bowl, chai oatmeal, teas, unique throat lozenges, and of course a few special chocolates but I ate those within an hour of my crazy day. Thank you so much #alpacapacks. You make hard days manageable.

Kelsi Finley

Kelsi Finley

@kfin34

As an MSPI momma, it was great to get a pack with all the snacks and goodies dairy and soy free!!! This pack was amazing!

Genevieve Core

Genevieve Core

Principal, Nelson Mandela Elementary

My teaching staff feels so special and excited when they receive the monthly supplies! As soon as they come in the staff loves to get the word to come and pick up their gifts!

Skylar Jilg-Brown

Skylar Jilg-Brown

@skylar.jilgbrown

I love seeing my alpaca pack in my mailbox😍 come with me while I unbox this months!Thank you so much @alpacapacks 🍎

Brittany Sullivan

Brittany Sullivan

Principal, Norris Elementary School

Our teachers are the heart and soul of what we hope to provide students within education. Alpaca is a new way to spotlight the amazing work our teachers do everyday with students and helps us celebrate their pivotal role in our schools and community in a joyful (and easy) way!

Angela Whitfield

Angela Whitfield

Principal, All Saints Catholic School

The teachers at the CUES schools support families in some of our community's most underserved neighborhoods. Their work goes beyond the classroom to support our students and their families in so many ways. It's absolutely wonderful to be able to give that support back to our teachers every month with Alpaca!

CUES School System

CUES School System

@CuesOmaha

We love seeing the excitement@alpacapacks Day brings to our teachers and students each month.

A Latere Academy

A Latere Academy

@ALatereAcademy

Thank you, Alpaca! Our teachers and staff ARE amazing! If you'd like to learn more about what Alpaca does and how to support our incredible ALA team, please check out the linked post!

Mrs. Dirks

Mrs. Dirks

@mrsdirks_6th

So excited for the school year to start and so grateful for alpaca for the amazing package to start the year off! 🤩

Westbrook 66

Westbrook 66

@Westbrook66

Our @alpacapacks came today! Thanks, again, to McGill Restoration for the support.