Design Web Pages

Before you create web forms in Web, configure design settings to determine the appearance and format of the pages where the forms appear. The pages that display donation, program, and membership web forms all inherit these design settings.

Note: The secure payment page that processes card transactions also inherits your design settings. However, to help you comply with the Payment Card Industry Data Security Standard (PCI DSS), Altru analyzes the secure payment page and removes content that is not PCI DSS compliant. This includes content such as script tags, inline data in custom stylesheets, buttons, and dynamic HTML markup. If you include active content in the header, footer, or columns of your web page design, the secure payment page’s appearance differs slightly from other web form pages.

1. From Web, select Page designer under Configuration.

2. On the Select Layout tab, choose a layout to organize the items on your web pages.

   Tip: Responsive layouts automatically adjust each page's size and format to accommodate all screen sizes, including mobile devices.

   Warning: If your current layout is customized, you'll need to modify the layout’s design to match your website. This requires significant knowledge of HTML and CSS. To request professional design assistance, contact your account manager.

3. On the Color & Styles tab, edit the background colors and fonts.

4. On the Configure Content tab, edit the content in the header, footer, and side columns.

5. In addition to the design settings for your web pages, you also must create a shopping cart to process transactions. For information, see Web Payment Settings.

6. You can also enter a URL for when Altru needs to redirect users, design an acknowledgement message, edit your privacy policy, and edit the email preferences page. For more information, see Browser Settings and Home Page URL, Design Acknowledgement Email, Design Privacy Policy Page, and Design Email Preferences Page.