{"id":560,"date":"2023-07-31T11:24:35","date_gmt":"2023-07-31T11:24:35","guid":{"rendered":"http:\/\/wpstage.filestack.com\/?page_id=560"},"modified":"2026-03-30T11:29:17","modified_gmt":"2026-03-30T11:29:17","slug":"home","status":"publish","type":"page","link":"https:\/\/www.filestack.com\/","title":{"rendered":"Home"},"content":{"rendered":"

[et_pb_section fb_built=”1″ module_class=”no-lazyload” _builder_version=”4.27.5″ _module_preset=”default” use_background_color_gradient=”on” background_color_gradient_direction=”90deg” background_color_gradient_stops=”#50354a 0%|#181325 100%” background_color_gradient_start=”#50354a” background_color_gradient_end=”#181325″ background_image=”https:\/\/www.filestack.com\/wp-content\/uploads\/2023\/08\/trianglesRB-bg.svg” background_size=”initial” background_position=”bottom_right” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.27.5″ _module_preset=”default” custom_margin=”||30px||false|false” custom_padding=”15px||15px||false|false” global_colors_info=”{}”][et_pb_column type=”1_2″ module_class=”inline-block-buttons” _builder_version=”4.27.5″ _module_preset=”default” custom_css_main_element=”margin: auto;” global_colors_info=”{}” custom_css_main_element_last_edited=”on|phone” custom_css_main_element_tablet=”margin-bottom: 30px;” custom_css_main_element_phone=”margin-bottom: 30px;||text-align: center;”][et_pb_text _builder_version=”4.16″ _module_preset=”default” text_text_color=”#d8d2d7″ text_font_size=”36px” text_line_height=”1.2em” header_text_color=”#d8d2d7″ header_font_size=”36px” max_width=”570px” custom_margin=”||20px||false|false” header_text_align_tablet=”” header_text_align_phone=”center” header_text_align_last_edited=”on|phone” global_colors_info=”{}”]<\/p>\n

Filestack File Uploader & File Upload API<\/h1>\n

[\/et_pb_text][et_pb_text _builder_version=”4.16″ _module_preset=”default” text_text_color=”#8b7886″ text_line_height=”1.2em” custom_margin=”||20px||false|false” text_orientation_tablet=”” text_orientation_phone=”center” text_orientation_last_edited=”on|phone” global_colors_info=”{}”]Simple file uploader & powerful APIs to upload, transform & deliver any file into your app.
\n[\/et_pb_text][et_pb_button button_url=”https:\/\/www.filestack.com\/signup-start\/” url_new_window=”on” button_text=”Sign Up Free” _builder_version=”4.27.5″ _module_preset=”default” custom_button=”on” button_text_size=”18px” button_text_color=”#FFFFFF” button_bg_color=”#EF4A25″ button_border_width=”1px” button_border_color=”#ef4a25″ button_border_radius=”5px” button_font=”|700|||||||” button_use_icon=”off” custom_margin=”|15px|0px||false|false” custom_margin_tablet=”||30px||false|false” custom_margin_phone=”||||false|false” custom_margin_last_edited=”on|phone” custom_padding=”||||false|false” locked=”off” global_colors_info=”{}” button_text_size__hover_enabled=”off|desktop” button_border_width__hover_enabled=”off|desktop” button_bg_color__hover_enabled=”on|hover” button_bg_color__hover=”#F26E51″ button_bg_enable_color__hover=”on” button_border_color__hover_enabled=”on|desktop” button_border_color__hover=”#f26e51″][\/et_pb_button][et_pb_button button_url=”https:\/\/www.filestack.com\/pricing\/” url_new_window=”on” button_text=”Plans & Pricing” _builder_version=”4.27.5″ _module_preset=”default” custom_button=”on” button_text_size=”18px” button_text_color=”#FFFFFF” button_border_width=”1px” button_border_color=”#FFFFFF” button_border_radius=”5px” button_font=”|700|||||||” button_use_icon=”off” custom_margin=”||||false|false” custom_padding=”||||false|false” locked=”off” global_colors_info=”{}” button_text_size__hover_enabled=”off|desktop” button_border_width__hover_enabled=”off|desktop” button_bg_color__hover_enabled=”on|hover” button_bg_color__hover=”#FFFFFF” button_bg_enable_color__hover=”on” button_text_color__hover_enabled=”on|desktop” button_text_color__hover=”#181325″ button_border_color__hover_enabled=”on|hover” button_border_color__hover=”#FFFFFF”][\/et_pb_button][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_tabs active_tab_text_color=”#ef4a25″ module_class=”home-hero-tabs” _builder_version=”4.27.5″ _module_preset=”default” tab_text_color=”#000000″ tab_font_size=”22px” background_color=”#f2eeee” custom_padding=”20px|20px|20px|20px|true|true” border_radii=”on|10px|10px|10px|10px” box_shadow_style=”preset1″ box_shadow_horizontal=”-4px” box_shadow_vertical=”0px” box_shadow_blur=”10px” box_shadow_color=”rgba(0,0,0,0.5)” locked=”off” global_colors_info=”{}”][et_pb_tab title=”Code” _builder_version=”4.16″ _module_preset=”default” background_color=”#f2eeee” background_enable_color=”on” global_colors_info=”{}” custom_css_before_last_edited=”on|desktop”]<\/p>\n

\n
\n

Integrate File Picker in seconds<\/h3>\n
\n

1 <\/span> Copy and paste the following code snippet into your project:<\/p>\n

\n
const<\/span> client = filestack.init(\"apikey\"<\/span>);\nconst<\/span> picker = client.picker(); \npicker.open();<\/code><\/pre>\n
<\/path><\/svg>Copied!<\/span><\/span><\/div>\n<\/div>\n
\n
 2 <\/span>Get your API key here<\/a> and add above.<\/p>\n<\/div>\n
\n
 3 <\/span> Congratulations! Your File Picker is now ready to use.<\/p>\n<\/div>\n
\n
 4 <\/span> Want to customize it further? Click here to learn how.<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n
[\/et_pb_tab][et_pb_tab title=”Tour” _builder_version=”4.27.5″ _module_preset=”default” background_color=”#f2eeee” background_enable_color=”on” global_colors_info=”{}”]<\/p>\n
\n