1. Add the web part to your site
  2. Create a list
  3. Set up the web part properties

1# Add the web part to a page

Follow the instructions, depending on if you are installing the web part in Classic SharePoint or Modern SharePoint.

In Classic SharePoint

  1. On the page where you want to add the web part, click on Edit;
  2. On the toolbar click Insert, and then Web Part;

  3. On the categories list, select the BindTuning Add-in and then BindTuning Quick Links;

    addwplinks.png

  4. Now click Add.


In Modern SharePoint

ⓘ FOR SPFX-READY VERSIONS (V2.5.3.16 OR HIGHER)

  1. Place your modern page in Edit mode;

    modernEdit.PNG

  2. Click on the [+] button to add a new web part or section to your page;

    addSection.PNG

  3. On the web part panel, search for BindTuning to filter the web parts. Click on the quick links web part;

    modernPart.PNG

That was easy!😊 Now the only thing left to do is to connect the web part to a list and setup the rest of the web part properties.

2# Create a list

This list is what you will use to store your quick links. There are two ways of creating lists depending on whether you're using web parts in Classic SharePoint or Modern SharePoint.

Let's create your list:

In Clasic Sharepoint

  1. Open the settings menu and click on Add an app;

    addanapp.png

  2. On the search box type Links;

  3. Look for the Links list and open it;

  4. Pick a name for the app and click on Create;

    linkslist.png

  5. You've created the list that will contain all the specific fields from this web part.

  6. Open the list that you have created, and copy the list URL, you will need it to connect the list and webpart.

    listlink.PNG


In Modern SharePoint

ⓘ FOR SPFX-READY VERSIONS (V2.5.3.16 OR HIGHER)

  1. Place your modern page in Edit mode;

    modernEdit.PNG

  2. Hover over the web part and click on the pencil (✏️) icon that will appear;

    modernProps.PNG

  3. Open the first tab called "Create new BT Links List"

    CreateList.PNG

  4. Type the name of the list and hit "Create the List"

  5. If your web part wasn't yet linked to a list, it will link automatically. Otherwise, the list will simply be created on your current Site.


3# Set up the web part properties

Follow the instructions, depending on if you are installing the web part in Classic SharePoint or Modern SharePoint.

In Classic SharePoint

  1. To configure the web part properties, on the ribbon click on the BINDTUNING tab and then on Edit Web Parts - the edit panel will appear from the left side of your web part;

    wpproperties.gif

  2. Time to set up your web part properties! For more on what you need to do in each setting go to the Web Part Properties Glossary;

    links_modalproperties.png

  3. Done configuring everything? Click on Save, on the modal and wait for the page to refresh.

You can change the web part properties whenever you want!


In Modern SharePoint

ⓘ FOR SPFX-READY VERSIONS (V2.5.3.16 OR HIGHER)

  1. Place your modern page in Edit mode;

    modernEdit.PNG

  2. Mouse hover the web part and click on the pencil (✏️) icon that will appear;

    modernProps.PNG

  3. Time to set up your web part properties! For more on what you need to do in each setting visit the Web Part Properties Glossary;

    optionsPanel.PNG

  4. The properties are saved automatically so, simply click on Save and Close on the page when you're done configuring everything.

On to the next chapter where we walk you through on creating your first quick link. Exciting stuff! 🙂

Next - Add, Edit and Delete a Quick Link