How to:

1. Login to your website.
   
2. Add a text element to the part of the page that you want to have the picture and description of the item.
3. Upload a picture of the item, add it your text element, and put a description next to it.
   
4. Add the Form Builder element below the product picture and description.
5. Fill in the Form Name field and Description field if needed.  If you would like to receive an email when this form is filled out, click the Email Notification box and type in your email address.
   
6. Click on the Payment Settings button on the left and click Enable Payments.  Choose your Payment processor from the dropdown list, type in your email address in the Email Address field and choose your currency type from the Currency dropdown list.
   
   • Note: We do not need to put in a base price because we are going to allow them to purchase multiple size shirts from us.
7. Click on the Add Fields tab in the top left of the screen.
   
8. Add the fields you need in the form.  Below are the fields that are most commonly used:
   • Name
   • Address
   • Phone
   • Email Address
   • Check Boxes
9. Click on the Check Boxes field to select it.
   
10. Change the Field Title on the Properties tab to your product information.
    
11. Click on the Choices tab and type in the name of the product that you want to have.  Next, type in the price in the Price field.
    
12. Click the Save Form button.
    
13. You have now created a small shopping cart.
    

Example Use:

This is a good skin option to choose if you are wanting to show all of your posts that you have made over time.  Using this skin option will allow you to keep your posts all in one easy place that a user can come and view.

How to:

1. Login to your site.
   
2. Navigate to the page your blog element is on and click Settings from the blog element toolbar.
   
3. Under the How do you want your blog to look? choose Archive from the Skin dropdown menu.
   
4. Click the Update button.
   

2. Navigate to the page that you would like to add an evite to. Find the region you want to use and click on "Add Element." Then, select "Evite" from the list of elements.

3. Click on the "Settings" button from the element control bar to open the Evite settings screen. You'll need to add the following content:

• Name your element. The element name is the name that the system uses to identify your element. You can also display the name if you check the "Display this title?" checkbox. You don't have to adjust this or display the title. In this example, it is left it alone.
  
• Name your evite. You will need to add a name to this box. This name will be used in the subject line of the email that is sent out so make sure it will make sense to those who receive the email. Starting it with a verb is a good idea to request an action from the recipient. In this example, "Example Evite" is used.
  
• Evite details. Here you'll use the WYSIWYG editor to create the content of the email that will be delivered. This works just like any text element or blog post on the system. You can add images, links, files ... etc., just like you would in other places, but keep in mind that creating content for emails can be a bit tricky since every email software tends to display things differently. We've included some tips for creating good email content below. Naturally, testing your content by sending the evite to yourself is always a good idea.
  

4. Click on the "Update" button. This will save your settings and take you back to the evite page.

5. Once you've completed the settings, you page will display the evite form. Your site visitors will fill out this form to send the evite to their friends. You can preview the content that will be sent out by clicking on the "Preview Evite" button at the bottom of the screen. This will show you how the evite will look, including content that is merged in from the form such as the sender's name and personal message.

6. In addition to previewing, it might be a good idea to send a test evite to yourself to see how it looks in a real email client. To do this, just fill out your evite form and put your own email address in the "Recipient email address(es)" box. Keep in mind that every email client renders content differently, so making things appear consistently across all clients is not often possible. Keeping your content as simple as possible is the best way to ensure that things look good to everyone.

Tips for creating content for email

• Images should be less than 600px wide to fit inside the viewing space of the email software in most cases. Keep in mind, 600px is just a guideline. Many people may view their email in windows smaller than 600px.
• Use the "alt" attribute on images to provide text that can be read if the images are blocked or slow to load. To do this, right click on an image in the editor and select "image properties." This will allow you to set the alt attribute.
• Use simple fonts and formats. The best option is to just use plain text and let the email client format as it may. Adding specialized styling is possible, but each email client may handle it differently.
• If you really need to create a look with consistency, create a page on your website with the full content and then just use the evite to send a simple message that links back to the page on your site. This is a really good option for event evites, which can link back to the detail page of the event on your website calendar.

If you are wanting to have users of your site sign up for a paid event and collect the money for it you will need to use the form element and add the paid registration to it.  This can also be used as a mini store if you would like.

How to Video:

How to:

1. Login to your website.

2. Add a form element to your page if you don't already have one added, then click on the "Edit Form" button. This will launch the form editor.

3. Click the "Form Settings" tab at the top. Notice that the form settings are now broken into three sections including basic settings, advanced settings, and payment settings.

4. Click on "Basic Settings." Here you can edit the form name and description. Also on basic settings, you can add email addresses for entry notification if you wish and/or password protect your form.

5. Click on "Advanced Settings." This  controls for the way the user gets confirmation of their submitted form. You can choose to choose "send an email" which will add a required email field to my form. You can click "edit" to set up the contents of the email you want to send to everyone who fills out your registration form. You can also edit the display message which will show up on the page after the form and the payment have been completed.

6. Click on "Payment Settings." If you want to accept payments on your form, check the "enable payments" box. This will open up a few more fields that you'll need to complete (see image below). We'll discuss configuring these settings in the next step.

7. Now that you've enabled payments, you need to configure the payment settings (see above image).

• Base price: Since we're setting up a registration form, you will want everyone filling out the form to pay a set price for registration. Set your price in the base price field and everyone who completes the form will be charged at least that price.
• Payment processor: You can choose from PayPal, Google Checkout, or Authorize.net. When you select the correct processor, the fields below will request the information needed for the form to work with your merchant account. You won't be able to save your form until you enter valid merchant account information. Therefore, you will have to have an account already setup with one of these processors before you can use form payments.

8. Build out your form to collect the information you need. Just click the "Add Fields" button at the top and choose the fields you want and edit the text on and around the fields.

9. If applicable, make some "choices" to offer for your registration form. The costs for these items needs to be added to the base cost of the registration if the user selects them. To do this, you can add a set of check boxes and assign pricing to each check box item (see image).

10. Finally, you can add a "price" field which will allow them to enter any amount they choose to be added to their total.

 11. Your registration form is now complete. Once it's saved to a live page on your website, your visitors can begin registering. When they submit the form, they will be taken to a checkout process through the payment processor you specified to complete the transaction.

2. Click on "Settings" in the top right corner of the Account Home page.

3. On the Settings page, find the input field called "More Info URL." Under this field, there should be a link that says "(You can also add Twitter to your site here.)" Click on this link.

4. Click the radio button that is labeled "Other"

5. Click the radio button that is labeled "HTML/JavaScript"

6. On this page, you can customize how many updates are shown in your Twitter feed (anywhere from one to 20) and what the title of your Twitter feed will say on your web page. Customize the options that you would like here.

7. Point your cursor in the text box below and select all of the code in the box. Then, copy the entire code by pressing Control + C for PC or Command + C for Mac.

8. Point your browser to your Publish Path website and log in.

9. Navigate to the page that you would like to add your Twitter feed to.

10. The Twitter feed must be added to the Text element, so either find a text element that you would like to add the Twitter feed to, or create a new Text element.

11. Point your mouse over the title of the element (where it says "Text") and move your mouse to hover over the "Settings" menu. Click on this.

12. The "Text Settings" page should appear. On this page, click the blue "< >" symbol at the bottom of the text input field. This should bring up a blank white box.

13. Paste your code from your Twitter feed in this box. (PC users can press Control + V, while Mac users can press Command + V.)

14. Your Twitter update feed should now appear on your page! It will now update whenever you update your Twitter feed.

Example Use:

If you would like more advanced recurring events on your website, this is the option to go with. Many people might be using Google calendars or other iCal based calendars already so this makes the transition very easy and convenient.

How to:

1. Login to your website.
   
2. Go the the page where your calendar is.
3. Click on Settings from the calendar element dropdown list.
   
4. Click on the ADVANCED tab.
5. You'll see a section for "Calendar Subscription" and a field to enter your external iCal feed URL (your external software like Google Calendar will provide you with the iCal URL)
6. Paste your iCal feed URL into that field.
7. Click the Update button.
   

One other nice feature is that once you've subscribed, you can override the title and description of the events by editing them within your calendar. Just edit an event like normal and you can add web-only content to an event for display purposes. The event still stays connected to your iCal source. Keep in mind that if you ever unsubscribe from the iCal source, all events related to the iCal source, even content added through your website, will be deleted.

Example Use:

This is a good skin option to choose if you are listing a few blog posts on your home page and you don't have enough space for a summary or the full body of your post.  Using this skin option along with limiting the amount of posts on the home page keeps the blog posts from taking up too much space on the home page.

How to:

1. Login to your site.
   
2. Navigate to the page your blog element is on and click Settings from the blog element toolbar.
   
3. Under the How do you want your blog to look? choose List from the Skin dropdown menu.
   
4. Click the Update button.
   

Example Use:

This is a good skin option to choose if you have a little more space on your home page or you want to show the whole blog post.  This skin option allows your reader to see everything up front and be able to read it without clicking elsewhere to find the whole post.  To comment on the story they will need to click on the story to get to the blog detail.

How to:

1. Login to your site.
   
2. Navigate to the page your blog element is on and click Settings from the blog element toolbar.
   
3. Under the How do you want your blog to look? choose List With Body from the Skin dropdown menu.
   
4. Click the Update button.
   

Example Use:

This is a good skin option to choose if you have a little more space on your home page or you want to give the user a little snippet of information about what is in the blog post.  This skin option might entice the reader to read your blog post because they have a better idea of what the post is about.  This is useful if your title of your blog post doesn't do it justice.

How to:

1. Login to your site.
   
2. Navigate to the page your blog element is on and click Settings from the blog element toolbar.
   
3. Under the How do you want your blog to look? choose ListWithSummary from the Skin dropdown menu.
   
4. Click the Update button.
   
5. If you do not have a summary on your blog post already, you will need to add one.
6. While adding or editing a blog post, click on the ADVANCED tab.
7. Under the heading Summary, type in the summary of your blog post.
   
8. Click the Update button.
   

Login to your website.

Now that the ListWithSummary skin has been selected, you will need to add a summary to your blog post.

1. While adding or editing a blog post, click on the ADVANCED tab.
2. Under the heading Summary, type in the summary of your blog post.
3. Click the Update button.