Integrating Lens
In addition to building applications directly on Lens, you may want to integrate Lens into other new or existing applications.
You can do this by providing features like sharing to Lens, following on Lens, or signing in with Lens in your application.
Share to Lens
You can create a "Share to Lens" button easily via Lenster using HTML.
https://lenster.xyz/?text=Hello%20World!
The following url parameters are supported:
text
url
via
hashtags
So for example, let's say we have an app called "MyCoolApp" and we wanted to share some content from it to Lens, we could format a URL that looks like this:
https://lenster.xyz/?text=Hello%20World!&url=https://mycoolapp.xyz&via=MyCoolApp&hashtags=lens,web3
We would get the following share modal on Lenster:
Video tutorial - share to Lens
Follow on Lens
If you want to include a follow intent button on your website / web app, it’s super simple!
Just copy/paste the code snippets from below and replace handle with the handle you want the button intent to follow.
You can theme it with your own app color, or use our default color.
<!-- add the lens-follow-large class name for the large button -->
<!-- add the lens-follow-icon class name for the icon button -->
<span
id="lens-follow-small"
data-handle="yourhandle"
/>
<!-- Include the JavaScript and CSS -->
<link rel="stylesheet" href="https://lens.xyz/widget-styles.css" />
<script async src="https://lens.xyz/widget.js"></script>
Visual example (follow on Lens)
Video tutorial - Follow on Lens
Sign in with Lens
If you want to include a “Sign in with Lens” button in your web app to connect a wallet that contains a Lens profile, you can use the code below.
You will have to connect it to your Web3 provider yourself - this is just a dummy themed button.
<!-- add the lens-signin-large classname for the large button -->
<span
id="lens-signin-small"
data-click="console.log('connector integration')"
/>
<!-- Include the JavaScript and CSS -->
<link rel="stylesheet" href="https://lens.xyz/widget-styles.css" />
<script async src="https://lens.xyz/widget.js"></script>
Visual example (Sign in with Lens)
Updated 6 days ago