bryyxrbedaybrdvx

Create an Account

Select staff members can edit their own departmental website content. You will receive an email invite, with instructions on how to to create your account. 

Log In

  1. Go to https://www.squarespace.com.
  2. Click Log In.
  3. Click your site.

1. After you log in, click Pages.

Screen Shot 2018-02-16 at 2.10.55 PM.png

2. Select your page to begin editing.

Screen Shot 2018-02-16 at 1.57.24 PM.png
 

3. Hover over the page content. You will see the dark grey edit bar.


4. Click Edit.

Screen Shot 2018-02-16 at 1.29.06 PM.png

Edit Content

Simply select a Text Block, and delete, edit, or add copy as you would in a Word document.


Add a New Section 

 

1.Click the Insert Point.

Hover over the page, and you will see that you can add a Block of content anywhere on the page.

Screen Shot 2018-02-16 at 1.34.23 PM.png

2. Choose Text.

Screen Shot 2018-02-16 at 1.47.34 PM.png

3. Start typing.

You will see a dark grey Edit Bar to italicize, bold, format, bullet, number or indent your text.

Screen Shot 2018-02-16 at 1.49.16 PM.png

To change the page title, intro text or banner image: 

 

In the grey Edit bar, click Banner.

Screen Shot 2018-02-19 at 11.16.30 AM.png

To change the image, click Media.

You can remove the photo and add a new one. Or, click edit to crop or tweak the photo.

Screen Shot 2018-02-19 at 11.16.40 AM.png

To change the Title/Intro text, click Basic.

Your Page Title and URL slug should match (your URL slug will have dashes instead of spaces). 

In the Description field: Your Page Title must be bold. Add or update your intro text underneath the title.

Screen Shot 2018-02-19 at 11.28.30 AM.png

1. Highlight your text. Click the Link Icon.


2. Select Files.

Screen Shot 2018-02-16 at 3.55.15 PM.png

3. Click Add a File.

Screen Shot 2018-02-16 at 3.55.22 PM.png

4. Select the PDF on your computer.

When possible, upload a PDF, NOT a Word Document, as PDFs are can be opened by all users on all devices.

Titling PDFs

Use dashes, no spaces or capital letters (i.e. name-of-file.pdf).


5. Select Open in a New Window.

Screen Shot 2018-02-16 at 3.56.44 PM.png

6. Click Save.


To delete a document:

Select the document link, and click Edit.

img.png

Click File. Find the document you want to delete, and click X

img2.png

1. Click the Insert Point and select Image.

Screen Shot 2018-02-16 at 1.47.39 PM.png

2. Add an image.

You will see an Add an Image area. Drag your image to that spot.

Screen Shot 2018-02-16 at 2.59.01 PM.png

Click Edit to adjust the photo size, aspect ratio, etc.


3. Click Apply. Click Save.

Screen Shot 2018-02-16 at 2.59.29 PM.png

1. Click the Insert Point.

d.png

2. Select Video.

Screen Shot 2018-02-16 at 3.27.19 PM.png

3. Enter the video URL. 

Screen Shot 2018-02-16 at 3.29.15 PM.png

4. Click Apply.

Request a Form

To request a form, email Jeff Ledoux

.


Create a Form

 

1. Log into Formstack.

log-into-formstack.png

2. Select your folder.

Most likely, you will select the JWU Forms folder.

Screen Shot 2018-05-18 at 3.17.16 PM.png

3. Create or import a form.

Screen Shot 2018-05-18 at 3.19.38 PM.png
 

To import an existing form:

  • Click Import Form and name the form.
  • Add the URL of the existing form. 
  • Click Find Forms.
Screen Shot 2018-05-18 at 3.35.15 PM.png

You can then edit the form fields as needed, and then follow the publishing and embedding steps below.


Sometimes, you will not be able to import especially old forms. In that case, click Create New Form.

 

4. To build a form:


5. Edit your form. 

You can drag and drop any of the items on the left into your form.

s.png

You can also:

  • Include supporting text 
  • Select if you a field is required (meaning a user must complete the field in order to submit the form)
Screen Shot 2018-05-18 at 3.50.53 PM.png

6. Add a submission email.

Click the Settings icon, then click Email & Actions.

Screen Shot 2018-05-18 at 3.59.28 PM.png

Next to Notification Email, click Edit.

  • Add the email you want the form to submit to
  • Click Save Notification Email (you can add several).
Screen Shot 2018-05-18 at 4.03.13 PM.png

You can also direct the form to a specific email, depending on what field your user chooses. Click Logic and select the rules.

Screen Shot 2018-05-18 at 4.06.52 PM.png

7. Review your form.

Click View Live form to see how the form would display on a web page. 

Screen Shot 2018-05-18 at 3.55.05 PM.png

8. Embed your form. 

Click the Publish (checkmark) icon and, and copy the embed code.

Screen Shot 2018-05-18 at 4.16.12 PM.png

On your Squarespace page, click Code

Screen Shot 2018-05-18 at 4.20.41 PM.png

Paste the form code and click Apply.

Screen Shot 2018-05-18 at 4.20.56 PM.png

Save the page. Your form is ready to use!


Making Updates

When you make changes to your form in Formstack, paste the updated embed code into your Squarespace page to show those changes.