メイン コンテンツにスキップする
該当する項目はありません。
Dropbox Sign のロゴ
Dropbox Sign が選ばれる理由
アコーディオンの展開と折りたたみ

機能

ドキュメントへのオンライン署名
電子署名の作成
テンプレートを選択または作成する
PDF への入力と署名
契約書へのオンライン署名
ドキュメント管理
機能を見る
右矢印のアイコン

ユースケース

セールス/ビジネス開発
人事
スタートアップ
金融テクノロジー
不動産
オンデマンド サービス
製品
アコーディオンの展開と折りたたみ
Dropbox のアイコン
Sign
手軽に送信、手軽に署名
Dropbox のアイコン
Sign API
電子署名をワークフローに統合
Dropbox Fax のアイコン
Fax
ファクス機なしでファクスを送信
Dropbox インテグレーションのアイコン
インテグレーション
さまざまなツールと連携
リソース
アコーディオンの展開と折りたたみ
公式ブログ
ワークフローの専門知識と製品ニュース
お客様の体験談
実際の導入事例とその成果
ヘルプセンター
当社製品の詳細ガイド
リソース ライブラリ
レポート、動画、情報シート
開発者向け情報
価格
アコーディオンの展開と折りたたみ
Dropbox Sign の価格
ニーズに合わせてお選びください
Dropbox Sign API の価格
実際の導入事例とその成果
セールス担当に連絡
登録
セールス担当へ連絡する
ログイン
アコーディオンの展開と折りたたみ
Dropbox Sign
Dropbox Forms
Dropbox Fax
無料トライアル
公式ブログ
/
セールスのヒント

Help Rental Agents Create Fast, Legal Rental Agreements

by 
Luke Russell
October 1, 2021
6
分(記事閲覧時間)
"Help Rental Agents Create Fast, Legal Rental Agreements" header
ツールチップのアイコン

新しい名前でも変わらぬ高品質!HelloSign の名称が Dropbox Sign になりました。

閉じるアイコン

Rental agents at property management companies need signed rental agreements to seal deals -- the quicker the better. However, a satisfactory renting experience goes a long way, and property owners can’t underestimate the value of simplifying the act of lease signing. On top of helping to seal the deal with new tenants, it also helps keep vacancies at a minimum and maintain healthy occupancy rates. So, who to better equip with the tools they need to get the job done but the rental agent—the face that welcomes a family into their new home.


Rental agents already need to juggle a lot! On top of providing professionalism and care to new tenants, they also need to keep messy leasing paperwork in good order. By adopting a digital eSignature flow to streamline the rental agreement process, agents are able to close transactions faster, be more productive, and manage more important things like being available for showings and providing great customer service.


In this article, we’ll demonstrate how a developer for a property management company can simplify the leasing process for agents and customers alike, and walk you through beneficial features like embedded templates and white labeling.

‍

Empower your Agents to Create Templates

Common rental forms can be set up quickly through the use of embedded templates. You can make use of the HelloSign API to give agents the ability to edit and finalize templates based on files you have added. Templates are perfect for agents in charge of properties with multiple tenants, as all those tenants would be signing the same form.


We'll be making requests to the API using the HelloSign Python SDK. Install the SDK and import it within a Python environment:

‍

‍

Now let's get you set up with the HelloSign API. By doing this setup after you are already in your Python environment, you can easily insert the information you need as you acquire it. Of course, in normal situations, you should make use of environment variables for your credentials.


First, you'll need to create a HelloSign account. Once you have an account, you'll need to retrieve your API key from the settings page. Declare it as such:

‍

‍

After you've got that piece of information, you need to create an API app. Creating apps is typically done on the dedicated webpage, but there is a Create API App endpoint if you prefer.

When you create an app, you'll be shown a Client ID. Grab that and keep it handy.

‍

‍

Now you have everything you need to use the Create Embedded Template Draft endpoint. This endpoint is what you'll use to allow agents to set up the template in the editing stage for their own use.

‍

‍

Once the call is successful, you'll need to extract some information from the response object. You need the `edit_url` to give agents the ability to edit the template and you need the `template_id` to give users the ability make a signature request using that template on your site.

‍

‍

The `edit_url` is what you need to pass on to your front end, along with your client ID. If you want to stick with Python, you could use Django. In this case, we'll be showing you how to use plain JavaScript. This way, you can use an HTML webpage and just place the following code in the `<script>` tag.


We recommend installing HelloSign Embedded with npm.

‍

‍

You can create a new HelloSign Embedded client using your Client ID. Call the open() method with the `edit_url` you passed from your backend. If you’re developing locally, you’ll want set `skipDomainVerification: true` for easier development. In production, this adds a layer of security.

‍

‍

This code snippet will display the HelloSign signing experience embedded iFrame, giving the user the ability to edit and finalize the template they’ll be using to send signature requests to tenants. Now let's look at what happens when those agents try to create templates based on your code.

‍

Building with Embedded Templates

With embedded templates integrated into your web app, your company's rental agents will be shown document preparation screen similar to the one below.

Image of HelloSign embedded template page
HelloSign embedded template page

‍

Here, they will be able to set up the template exactly how they want to, within the parameters you have given them. To make it as easy as possible for everyone involved in the eSignature process, information can be pulled in from the app and filled in for each specific user, such as their name. This way they don't even have the option of messing it up!


This auto-fill functionality can be expanded further by creating a template draft with merge fields, where you can supply any sort of custom information as long it matches the data found in the app.


Once rental agents have placed the chosen text boxes and signatures where they would like, the template can be used to send both embedded and non-embedded signature requests from your web app.


Embed User Signing into your portal

Using the template created by the rental agents, you can embed the signing experience into your portal for the tenant to sign. Grab the `template_id` from the new rental template and send a call to the Send Embedded Signature Request with Template endpoint in the embedded signing flow.

‍

‍

Similar to what you did with the Create Embedded Template Draft endpoint, you then pass the temporary url from the response object of that call (except this time it's a `signing_url` instead of an `edit_url` ) to your front end, where it’s embedded in an iFrame.


What will the signing experience look like? Thanks to HelloSign’s white labeling functionality, applications that make use of embedded signature requests can have custom aesthetics that match the rest of the page.

‍

Customize Your Website's Signer Pages

You can configure white labeling by using the Update API App endpoint. This endpoint gives you the ability to update many aesthetic attributes of your app, including things like the app name and a custom logo. The white labeling experience also gives you granular control over the colors. Does your marketing department insist that all product material have the exact shade of red that is part of the company's brand? Well, you can add that red to the HelloSign embedded appearance using its hexadecimal code.


For example, this call to the API changes the name, the logo picture, and the primary button text color to new values.

‍

‍

You can customize the color of a vast array of elements on the page. For the full list, be sure to see the White Labeling Guide. You can see examples of all of the customizable elements in the following sample snapshot of the white labeling signature process.

Image of HelloSign white labeling guide
Image of HelloSign white labeling guide

‍

If you want to play around with the white labeling customization experience without setting up your whole application, you can take advantage of our Embedded Testing Tool. When it all comes together, you'll end up with an experience that looks like it was built from the ground up just for your company.


Delight rental agents and tenants with embedded features

With the embedded template flow, you have given your rental agents the power to quickly create templates that can be used in the eSignature process. By adding embedded signing, you’ve given tenants the ability to sign the documents directly on your website.


Congratulations on setting up eSignatures for your rental agents! They’re sure to appreciate the speed and flexibility this new digital process offers. For more information on everything HelloSign, including signature requests and signing, be sure to check out the developer portal.

効率を維持

完了しました。受信トレイをご確認ください。

Thank you!
Thank you for subscribing!

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum
右矢印のアイコン
閉じるアイコン

Up next:

Individual using a smartphone, sitting at a desk with a computer screen in front.
セールスのヒント
6
分(記事閲覧時間)

From templates to automation: The complete guide to HubSpot document signing

illustration of two people talking while one is sweating from discomfort
セールスのヒント
5
分(記事閲覧時間)

販売プロセスで成約率を下げるミス 5 選

e ブック

セールス サイクルの効率化と収益増加に役立つ 6 つのヒント

製品
Dropbox SignDropbox Sign APIDropbox Faxインテグレーション
Dropbox Sign が選ばれる理由
電子署名ドキュメントへの署名PDF への入力と署名オンライン契約書電子署名の作成署名エディタWord ドキュメントへの署名
サポート
ヘルプセンターセールス担当に連絡サポートへのお問い合わせCookie の管理スタート ガイド:Dropbox Signスタート ガイド:Dropbox Sign API
リソース
公式ブログお客様の体験談リソース センター適法性ガイドトラスト センター
パートナー
戦略的パートナーパートナー ロケーター
会社
採用情報利用規約プライバシー
Facebook のアイコンYouTube のアイコン

利用可能なお支払い方法

Mastercard のロゴVISA のロゴAmerican Express のロゴDiscover のロゴ
CPA 準拠のバッジHIPAA 準拠のバッジSky High Enterprise Ready のバッジISO 9001 認証のバッジ

Dropbox Sign の電子署名は、米国、欧州連合、英国などを含め、世界中の多くの国で法的に有効です。
詳細については、利用規約およびプライバシー ポリシーをご覧ください。