Skip to main content

customer-account.profile.addresses.render-after
Target

A static extension target that renders in the Addresses section of the Profile page in customer accounts. This does not show to B2B customers.

The base API object provided to this and other customer-account extension targets.

required

Methods for interacting with Web Pixels, such as emitting an event.

Note

Requires to connect a third-party domain to Shopify for your customer account pages.

Anchor to applyTrackingConsentChange
applyTrackingConsentChange
required

Allows setting and updating customer privacy consent settings and tracking consent metafields.

Note

Requires the customer_privacy capability to be set to true.

Requires access to protected customer data.

Anchor to authenticatedAccount
authenticatedAccount
required

Information about the authenticated account.

StatefulRemoteSubscribable<>
required

Customer privacy consent settings and a flag denoting if consent has previously been collected.

required

Meta information about the extension.

required

Utilities for translating content and formatting values according to the current localization of the user.

required

Details about the language of the buyer.

required
<Data = unknown, Variables = { [key: string]: unknown; }>(query: string, options?: { variables?: Variables; version?: ; }) => Promise<{ data?: Data; errors?: []; }>
required

Used to query the Storefront GraphQL API with a prefetched token.

See storefront api access examples for more information.

required

Provides access to session tokens, which can be used to verify token claims on your app's server.

See session token examples for more information.

StatefulRemoteSubscribable<>
required

The settings matching the settings definition written in the shopify.ui.extension.toml file.

See settings examples for more information.

Note

When an extension is being installed in the editor, the settings will be empty until a merchant sets a value. In that case, this object will be updated in real time as a merchant fills in the settings.

required

Key-value storage for the extension target.

required

Methods to interact with the extension's UI.

Version
required

The renderer version being used for the extension.

Target
required

The identifier that specifies where in Shopify’s UI your code is being injected. This will be one of the targets you have included in your extension’s configuration file.

Deprecated

Deprecated as of version 2023-07, use extension.target instead.

Was this section helpful?

Customer account addresses extension example

import {
reactExtension,
Text,
} from '@shopify/ui-extensions-react/customer-account';

export default reactExtension(
'customer-account.profile.addresses.render-after',
() => <Extension />,
);

function Extension() {
return <Text>I am an addresses extension</Text>;
}