Is it possible to insert a shopping cart icon in web forms?

In order for customers to have the ability to buy tickets to multiple events, you may want to create a shopping cart on your website. This requires a customization by a web designer in your current website. By pointing the shopping cart to the URL below, Patrons will have the ability to add multiple items to the cart and browse your website until they are ready to checkout.

Article
Number:59878

Products:

Blackbaud_Altru

To insert a shopping cart link on your web forms, you'll need a hyperlink that directs patrons to this address: <https://SITEID.blackbaudhosting.com/SITEID/page.aspx?pid=191>

Important: Before adding the link to your web forms, remember to swap out the highlighted SITEIDwith your organization's Site ID. This is typically the last digits of your Altru login. For example, if your Site ID was 5740, your link would look like this one: https://5740.blackbaudhosting.com/5740/page.aspx?pid=191

Follow these steps to add the link to your Altru web forms using the WYSIWYG Editor:

Go to Web

Under Configuration, click Page Designer

Click Next until you arrive at the third step: Configure Content.

Click the gear icon in the top corner of the part (example: header, footer, or side column) where you’d like to add your shopping cart. In the example image below, we are adding the link to the Header:

Go to the Insert tab and click Image to find/upload the image that you’d like to use as your shopping cart icon:

If you see the image you’d like to use in the image library, click the image and then click the Insert button. This will insert the image onto your web form.

If you don’t see the image you’d like to use in the image library, you can click the button to Add images to upload an image from your computer to the image library.

Once the image is inserted on your web forms, you can resize the image as needed and place the image where you'd like to see the shopping cart. Tip:To resize, highlight the image until you see the squares surrounding it. Click the bottom right square while holding the SHIFT key on your keyboard to resize.

If you'd like to link the shopping cart link to the image directly, with the image highlighted, go to the Insert Tab and then click Hyperlink:

In the following screen, select the third option "Create other type of link: and then paste the shopping cart URL from above for your organization. Then click Insert:

(Optional) If you prefer to link text like Shopping Cart or Return to Cart, simply enter the text where you'd like it to appear in the editor. Highlight the text and following step 8 and 9 to insert a link in the same way.

Click Save to save your changes in the Configure Content area.

Click Submit to submit your changes to the Page Designer and apply them to the secure payments page.

If you have HTML expertise and prefer to work in the HTML code for the page, follow these steps to add the shopping cart icon using code:

Go to Web

Under Configuration, click Page Designer

Click Next until you arrive at the third step: Configure Content.

Click the gear icon in the top corner of the part (example: header, footer, or side column) where you’d like to add your shopping cart.

Go to the View Tab and click HTML Code

A new window will appear with the HTML Code. You can insert the code you need to direct patrons to the shopping cart.