This page contains two shortcodes… one that allows you to have a button that pops up the signup form in a lightbox window (first option), the other embeds the flocknote sign up form wherever you want it.
FLOCKNOTE BUTTON
SHORTCODE: [flocknotebutton fnpage=”/holy-cross-flocknote-signup/” fnwording=”Sign up for Holy Cross Flocknote”]
will produce this:
[flocknotebutton fnpage=”/holy-cross-flocknote-signup/” fnwording=”Sign up for
Holy Cross Flocknote”]
NOTE: You can change the link (the “fnpage” toggle) as to which page you want to link to for the sign up form. You can also change the wording, (the “fnwording” toggle) to match whatever wording you want.
STYLING: I use the ID class of “flocknoteButton” (which is a div tag) to allow styling customization. There’s an a tag, so you’ll want to style both “#flocknoteButton” and “#flocknoteButton a” via CSS.
FLOCKNOTE SIGN UP FORM
SHORTCODE: [flocknote]
will produce this:
NOTE: There are no special toggles for this. This just outputs the Flocknote Signup form.
STYLING: I use the ID class of “flocknote” (which is a div tag) to allow styling customization. There’s also input tags, so you’ll want to style both “#flocknote” and “#flocknote input” via CSS.
This affects the styling of both the sign up form above, as well as the sign up form in the lightbox/pop up window.