Where to specify Portal UI in custom theme?

Themes
1

Hi, I’m trying to follow the guide at Ghost Theme Development: Building custom membership flows to update the UI for the sign up modal to include some additional HTML (namely a donation widget for a nonprofit). It is not clear to mea where I can put the form elements described in the article so that they render in the modal that pops.

Is it possible to edit the design of the modal? or do I have to create custom pages with our own forms that are then linked to in order to create the sign up flow?

2

Portal is a standalone React app. While you /could/ build a forked version of it and have your theme load it, you probably don’t want to deal with keeping a fork in sync on a weekly-ish basis. So yes, standalone pages are the way to go.

Liebling (free - can be found in Github) and the "Starter’ theme (in a @tryghost github repo) both have some membership pages. You can use the data-attributes to reduce how much of the sign up flow you actually have to replace.