How to Customize Your Member365 Member Portal Using AI

Your Member365 Member Portal is an extension of your organization. Use AI tools such as ChatGPT to create a coordinated banner and welcome message without needing graphic design or HTML experience.

Before you begin: Have your organization's website address and, if available, its official logo and brand colour codes ready. Review all AI-generated content before publishing.

Part 1: Create your Member Portal banner

1. Open ChatGPT.
2. Replace [INSERT WEBSITE URL] in the prompt below with your organization's website.
3. Copy the entire prompt and submit it to ChatGPT.

Create a professional Member365 Member Portal banner using my organization's website: [INSERT WEBSITE URL].

Review the website branding and use its colours and official logo where available. If you cannot access the website or logo, ask me to upload the official assets.

Requirements:
• Exact final size: 1300 pixels wide by 100 pixels high.
• PNG format, with dimensions verified before delivery.
• Solid, uniform background colour with no gradients, textures, or patterns.
• Clean horizontal composition with readable text and generous spacing.
• Do not stretch, distort, or crop the logo.
• Match the organization's existing visual identity.

Provide a downloadable PNG and the background HEX colour code. Do not claim the image is the correct size unless you have verified it.

Review and upload your banner

Confirm that your logo, spelling, colours, and image dimensions are correct. Download the PNG. Then follow How To Configure Your Member Portal, specifically the Member Portal Banner section, to upload your background and set its background colour using the supplied HEX code.

Part 2: Create your personalized welcome message

1. Continue in the same ChatGPT conversation if you would like to reuse your banner's branding.
2. Replace [INSERT WEBSITE URL] in the prompt below.
3. Copy the entire prompt and submit it to ChatGPT.

Create a professional HTML welcome message for my Member365 Member Portal using my organization's website: [INSERT WEBSITE URL].

Review the website and use its brand colours and tone. If the website is inaccessible, ask me for the colours and organization name.

Design:
• Clean, welcoming, mobile-friendly layout with a solid-colour header and light main content area.
• No images, emojis, icons, JavaScript, or external CSS.
• Use inline CSS, legible fonts, and accessible contrast.
• Wrap everything in <div id="welcomeMessage">.

Content:
• Personalized greeting: Hello, {FIRST_NAME}!
• Brief welcome to my organization.
• 'Update Your Profile' section with a 'Manage Profile' button linking to /sharingnetwork/myProfile
• 'Communication Preferences' section with a 'Manage Preferences' button linking to /sharingnetwork/notifications

Preserve {FIRST_NAME} and both links exactly. Do not include html, head, or body tags.

Provide the complete copyable HTML in one code block, a simple preview, and the HEX codes used. Remind me to test the personalization and links in Member365.

Add the welcome message to Member365

Review the generated wording, confirm that {FIRST_NAME} and both portal links are unchanged, and copy the HTML. Follow How To Configure Your Member Portal, specifically the Member Portal Welcome Message section. Use the editor's HTML/source view if available, then save and test the result.

Before publishing: Quick checklist

• Banner PNG is exactly 1300 × 100 pixels.
• Logo, organization name, and brand colours are accurate.
• Welcome message displays properly on desktop and mobile.
• The first-name personalization works.
• Manage Profile and Manage Preferences open the correct pages.
• HTML formatting remains intact after saving.

Frequently asked questions

Do I need to know HTML?

No. ChatGPT can generate the HTML, which you can paste into the welcome message editor.

What if ChatGPT cannot access my website?

Upload your logo or provide your brand colours and organization name directly.

What if the banner is the wrong size?

Ask ChatGPT to export it at exactly 1300 × 100 pixels and verify the file dimensions.

Can I make changes later?

Yes. You can revise either design and update the relevant Member Portal settings using How To Configure Your Member Portal.

Need assistance?

For help with Member365 configuration, submit a support request. AI-generated material should be reviewed for accuracy and compatibility before publishing.