Step 1: Set Up the Environment

• Configure the development environment for either iOS or Android based on your current system.

Step 2: Render Widget in Mini Program

Note1: Currently widget only support web page run in Griver container

Note2: The ac-widget-config tag must be executed before the ac-widget tag.

Note3: When passing acWidgetVersion as a parameter, a letter 'v' should be added in front of the version number.

Add <ac-widget> in your mini program page.

Mark it with class "alipayplus-promo-slot", set position id by data attribute. Then Griver SDK will render marketing content in the <ac-widget> automatically.

<view> ... your content</view>

// For example, if acWidgetVersion is v2.4.0.
<ac-widget-config acWidgetVersion="LATEST_VERSION"/>
<ac-widget className="alipayplus-promo-slot" dataPositionId='YOUR_POSITIONID' dataDpr='2'/>

<view> ... your content</view>
<view> ... your content</view>

Validate the integration

After you've finished the previous steps, notify Alipay+ team to configure the delivery content. When all the configuration work is done, you'll see the marketing content rendered in your app page.