Basic Setup

1. When you drag your Points Stack out, you will see the above stack appear on your page.
2. Next you will want to add your background image. This is what you will put your points on.
   
3. With the release of Points 2 (09/02/2016), you have more options than just an image. When you choose different types, the settings change.
   
   Below are examples of the settings based on the options you choose:
   Image - This is the default settings when you add the stack
   
   Warehouse Image
   
   Foundation
   
   Foundaiton Warehouse
   
   Custom Dropzone (Advanced)
   
   You will notice all of these settings have Actual Width and Actual Height settings. You MUST set this correctly or the points will not line up on the image.
4. Now you can add your points. By default, you are given one point. The settings for this point are under the image you add. If you want to adjust where the point is, you need to click on the stack, and adjust the position of the point by moving the X (horizontal) and Y (vertical) position on the image. In the points stacks settings you can also add the point info, action trigger (click or hover) and the resulting action. The actions now contain many integrations with other stacks.
   
5. To add a new point, click on the blue circle with the white plus under the points settings. When you do, you will see a new point stack appear. Adjust the settings for each point (you will see the points move in edit mode)
6. Now preview and enjoy! For an overview of the remaining settings please refer to the Points Settings section.

Now go forth and make your websites great!