Giter Club home page Giter Club logo

webflow's Introduction

Webflow

This repo is a collection of scripts that power webflow herodevs.com site interactions.

Scripts

This script drives interactions on the herdevs.com/pricing page. It primarily does 3 things:

  1. controls the product toggle and subsequent pricing wells
  • includes some verbiage
  1. controls the modals that open when clicking the CTAs in the pricing wells
  • includes setting modal display properties before showing (separately from settings within webflow)
  1. controls the form stepper modal interactions and submission
  • users are walked through a series of form inputs a'la stepper, which is controlled/determined via url params which are controlled/read/handled within this script

Loads calendly widget and other stuff.

This script drives interactions on the herdevs.com/support/* pages. Where it is included in the page in webflow, there are 2 properties needed in order to drive this script:

  1. id
  • This is needed in webflow so that the script can, at runtime, find the script element and read the data-product attribute value, which corresponds to the appropriate product_interest value from Hubspot
  1. data-product
  • This is the Hubspot product value for a give product_interest

The script is activated/runs when a user clicks the CTAs on any of the support/* pages. When it runs, the script uses the id attribute of the <script> tag that included it, and reads the data-product attribute of that <script> tag. The script will then add the value of that data-product attribute to the form, as hidden inputs, to then be submitted when the user completes the form.

webflow's People

Contributors

jeremymwells avatar dianjuar avatar eduardoroth avatar hiruna-e46 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.